/*
Theme Name: InstaFest
Theme URI: https://somosinstafest.com.ar
Author: InstaFest
Description: Tema de bloques a medida para InstaFest, wedding content creators en Buenos Aires. Paleta, tipografías y patrones de la marca listos para editar desde el editor de WordPress.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: instafest
Tags: block-patterns, full-site-editing, one-column, custom-colors, custom-menu
*/

/* Los estilos base viven en theme.json. Acá solo va lo que
   el editor de bloques todavía no cubre bien. */

/* Botón de WhatsApp fijo */
.if-wa{
  position:fixed;right:18px;bottom:18px;z-index:9999;
  width:56px;height:56px;border-radius:50%;background:#25D366;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 26px -8px rgba(0,0,0,.45);
}
.if-wa svg{width:30px;height:30px;fill:#fff}
.if-wa:hover{transform:translateY(-2px);transition:transform .15s}

/* El logotipo de la marca: "Insta" redonda + "fest" en itálica */
.if-logo{font-family:"EB Garamond",Georgia,serif;font-size:30px;line-height:1;letter-spacing:-.01em}
.if-logo em{font-style:italic;font-weight:600}

/* Borde rasgado, el recurso gráfico de la marca */
.if-torn{display:block;width:100%;height:34px;line-height:0}
.if-torn svg{display:block;width:100%;height:100%}

/* Las tarjetas de una fila se estiran a la misma altura */
.if-cards .wp-block-column{display:flex}
.if-cards .wp-block-group{width:100%}

/* Formulario de contacto */
.if-form input[type=text],
.if-form input[type=email],
.if-form input[type=tel],
.if-form input[type=date],
.if-form select,
.if-form textarea{
  width:100%;font-family:"EB Garamond",Georgia,serif;font-size:17px;
  color:var(--wp--preset--color--tinta);background:var(--wp--preset--color--crema);
  border:1.5px solid #E4D5D9;border-radius:10px;padding:13px 15px;
}
.if-form input:focus,.if-form select:focus,.if-form textarea:focus{
  border-color:var(--wp--preset--color--vino);background:#fff;outline:none;
}
.if-form label{
  display:block;font-family:"Poppins",sans-serif;font-size:12.5px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;color:var(--wp--preset--color--vino);margin-bottom:7px;
}
.if-form .if-field{margin-bottom:18px}
.if-form .if-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.if-form .if-row{grid-template-columns:1fr}}
.if-form button{
  width:100%;font-family:"Poppins",sans-serif;font-weight:600;font-size:16px;
  background:var(--wp--preset--color--vino);color:#fff;border:0;border-radius:999px;
  padding:16px 26px;cursor:pointer;
}
.if-form button:hover{background:#7E1B31}
.if-form button[disabled]{opacity:.6;cursor:progress}
.if-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.if-msg{display:none;margin-top:16px;padding:14px 16px;border-radius:10px;font-family:"Poppins",sans-serif;font-size:14.5px;line-height:1.5}
.if-msg.ok{display:block;background:#E4F1EA;color:#1F5C43;border:1px solid #B6DAC8}
.if-msg.err{display:block;background:#FBE4DC;color:#8A3517;border:1px solid #EEC0AF}

/* Marcos verticales para reels y portfolio */
.if-vertical img,.if-vertical video{aspect-ratio:9/16;object-fit:cover;width:100%;border-radius:12px}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}