

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
</head>

 <body
    style="
      margin: 0;
      padding: 0;
      background-color: #f7f5f2;
      font-family: Arial, Helvetica, sans-serif;
    "
  >
    <table
      width="100%"
      cellpadding="0"
      cellspacing="0"
      style="background-color: #f7f5f2; padding: 20px 0"
    >
      <tr>
        <td align="center">
          <!-- CONTENEDOR -->
          <table
            width="600"
            cellpadding="0"
            cellspacing="0"
            style="
              background-color: #ffffff;
              border-radius: 12px;
              overflow: hidden;
              box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            "
          >
            <!-- HEADER -->
            <tr>
              <td
                style="
                  background-color: #111111;
                  padding: 30px;
                  text-align: center;
                "
              >
                <img
                  src="https://i.postimg.cc/WbmZWVSG/1-4x.webp"
                  alt="Logo de Grupo DAC"
                  style="width: 100px"
                />
              </td>
            </tr>

            <!-- CONTENIDO -->
            <tr>
              <td style="padding: 40px 30px; color: #333333">
                <h2
                  style="
                    font-family: &quot;Georgia&quot;, serif;
                    font-weight: normal;
                  "
                >
                  ¡Ha llegado un nuevo mensaje!
                </h2>

                <!-- DETALLES -->
                <table
                  width="100%"
                  cellpadding="0"
                  cellspacing="0"
                  style="
                    margin: 20px 0;
                    background: #f9f9f9;
                    border-radius: 8px;
                  "
                >
                  <tr>
                    <td style="padding: 15px; font-size: 14px">
                      <h4>
                        <b style="color: #666666">Nombre: </b> {{ $msg['nombre']
                        }}
                      </h4>
                      <h4>
                        <b style="color: #666666">Estado: </b> {{ $msg['estado']
                        }}
                      </h4>
                      <h4>
                        <b style="color: #666666">Correo electrónico: </b>
                        {{ $msg['email'] }}
                      </h4>
                      <h4>
                        <b style="color: #666666">Teléfono: </b> {{
                        $msg['telefono'] }}
                      </h4>
                      <h4>
                        <b style="color: #666666">Mensaje:</b> {{
                        $msg['mensaje'] }}
                      </h4>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>

            <!-- FOOTER -->
            <tr>
              <td
                style="
                  background-color: #111111;
                  color: #aaa;
                  text-align: center;
                  padding: 20px;
                  font-size: 12px;
                "
              >
                © 2026 Gauri<br />
                Diseñamos soluciones tecnológicas✨
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>

</html>
