/* =========================================================
   Páginas nuevas · paleta Petróleo y rojo
   Se carga en Contacto y en las páginas de detalle de diseños
   (lista en inc/config.php → paginas_nuevas).
   Cuando todo el sitio esté migrado, esto pasa a tc-base.css.
   ========================================================= */

:root {
	--tc-pet-900: #071318;
	--tc-pet-800: #0D2730;
	--tc-pet-700: #123A46;
	--tc-pet-linea: #04090C;
	--tc-acento: #B9151B;
	--tc-acento-hover: #9E1015;
	/* Hover de los botones rojos: el mismo degradé, más oscuro (cambiar el degradé por un color liso producía un destello) */
	--tc-acento-grad-hover: linear-gradient(135deg, #B9151B 0%, #9E1015 100%);
	--tc-acento-suave: #F04438;  /* rojo sobre el petróleo */
	--tc-acento-grad: linear-gradient(135deg, #D9262D 0%, #B9151B 100%);
	--tc-acento-sombra: rgba(185, 21, 27, .30);
	--tc-acento-tinte: #FCEBEC;
	--tc-acento-borde: #F6D4D6;
	--tc-wa-oscuro: #128C45;
	--tc-wa-hover: #0F7A3C;
	--tc-c-navy: #111827;
	--tc-c-texto: #4B5563;
	--tc-c-borde: #E3E7EE;
	--tc-c-gris: #F3F6F8;
}

/* ---------- Barra superior y menú ---------- */
.tc-topbar { background: var(--tc-pet-800); border-bottom-color: var(--tc-pet-800); color: rgba(255, 255, 255, .85); }
.tc-topbar a { color: rgba(255, 255, 255, .85); }
.tc-topbar a:hover, .tc-topbar a:focus { color: var(--tc-acento-suave); }
.tc-topbar .tc-flag { box-shadow: none; }
.tc-topbar .tc-topbar__clientes { background: var(--tc-acento-grad); }
.tc-topbar .tc-topbar__clientes:hover { background: var(--tc-acento-grad-hover); }
.main-navigation .main-nav ul > li[class*="current-menu-"] > a:not([href*="#"]) { color: var(--tc-acento); box-shadow: inset 0 -3px 0 var(--tc-acento); }

/* ---------- Íconos (máscara SVG: el color lo da background) ---------- */
.tc-ico-alert { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4M12 17h.01M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3C/svg%3E"); }
.tc-ico-backup { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5M12 7v5l3 2'/%3E%3C/svg%3E"); }
.tc-ico-bolt { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9z'/%3E%3C/svg%3E"); }
.tc-ico-building { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 22v-4h6v4M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01'/%3E%3C/svg%3E"); }
.tc-ico-cal { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); }
.tc-ico-card { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); }
.tc-ico-cart { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.7 12.4a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L22 7H6'/%3E%3C/svg%3E"); }
.tc-ico-chat { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.5A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E"); }
.tc-ico-check { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.tc-ico-chevron { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.tc-ico-clip { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2M9 12h6M9 16h4'/%3E%3C/svg%3E"); }
.tc-ico-clock { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
.tc-ico-code { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 18 6-6-6-6M8 6l-6 6 6 6'/%3E%3C/svg%3E"); }
.tc-ico-db { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14c0 1.7 4 3 9 3s9-1.3 9-3V5M3 12c0 1.7 4 3 9 3s9-1.3 9-3'/%3E%3C/svg%3E"); }
.tc-ico-file { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M9 13h6M9 17h4'/%3E%3C/svg%3E"); }
.tc-ico-gear { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M2 12h3M19 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1'/%3E%3C/svg%3E"); }
.tc-ico-globe { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20'/%3E%3C/svg%3E"); }
.tc-ico-help { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E"); }
.tc-ico-img { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E"); }
.tc-ico-inf { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 12c-2.5 3.3-4 3.3-6 0s-3.5-3.3-6 0 3.5 3.3 6 0 3.5-3.3 6 0z'/%3E%3C/svg%3E"); }
.tc-ico-laptop { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M2 20h20'/%3E%3C/svg%3E"); }
.tc-ico-layers { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 10 5-10 5L2 7z'/%3E%3Cpath d='m2 12 10 5 10-5M2 17l10 5 10-5'/%3E%3C/svg%3E"); }
.tc-ico-lock { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E"); }
.tc-ico-mail { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E"); }
.tc-ico-message { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-8.5 8.5 8.5 8.5 0 0 1-3.8-.9L3 21l1.9-5.7a8.5 8.5 0 1 1 16.1-3.8z'/%3E%3C/svg%3E"); }
.tc-ico-mobile { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E"); }
.tc-ico-monitor { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E"); }
.tc-ico-phone { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
.tc-ico-pin { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.tc-ico-rocket { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1-.1-2.9a2.2 2.2 0 0 0-2.9-.1zM12 15l-3-3a22 22 0 0 1 2-3.9A12.9 12.9 0 0 1 22 2c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 2z'/%3E%3C/svg%3E"); }
.tc-ico-server { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='8' rx='2'/%3E%3Crect x='2' y='13' width='20' height='8' rx='2'/%3E%3Cpath d='M6 7h.01M6 17h.01'/%3E%3C/svg%3E"); }
.tc-ico-shield { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.tc-ico-star { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9z'/%3E%3C/svg%3E"); }
.tc-ico-support { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5a9 9 0 0 1 18 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E"); }
.tc-ico-ticket { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/%3E%3C/svg%3E"); }
.tc-ico-trend { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m7 14 4-4 3 3 5-6'/%3E%3C/svg%3E"); }
.tc-ico-upload { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E"); }
.tc-ico-user { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }
.tc-ico-users { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8'/%3E%3C/svg%3E"); }
.tc-ico-x { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E"); }
.tc-ico-mailgear { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='14' height='10' rx='2'/%3E%3Cpath d='m16 6-7 4.8L2 6'/%3E%3Ccircle cx='18' cy='17.5' r='2.4'/%3E%3Cpath d='M18 12.9v1.4M18 20.7v1.4M13.4 17.5h1.4M21.2 17.5h1.4M14.75 14.25l1 1M20.25 19.75l1 1M14.75 20.75l1-1M20.25 15.25l1-1'/%3E%3C/svg%3E"); }
.tc-ico-cardcheck { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3Cpath d='m13 14.5 2 2 4-4'/%3E%3C/svg%3E"); }
.tc-ico-arrow { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.tc-ico-whatsapp { --tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3C8.8 3 3 8.7 3 15.8c0 2.5.7 4.9 2 7L3 29l6.4-2a13.1 13.1 0 0 0 6.6 1.7C23.2 28.7 29 23 29 15.8S23.2 3 16 3zm0 23.4c-2.1 0-4.1-.6-5.9-1.6l-.4-.3-3.8 1.2 1.2-3.7-.3-.4a10.4 10.4 0 0 1-1.7-5.8C5.1 10 10 5.3 16 5.3S26.9 10 26.9 15.8 22 26.4 16 26.4zm6-7.8c-.3-.2-1.9-.9-2.2-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7.1a8.9 8.9 0 0 1-4.4-3.8c-.3-.6.3-.5 1-1.7.1-.2 0-.4 0-.5l-1-2.4c-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4s-1.1 1.1-1.1 2.7 1.2 3.1 1.3 3.3c.2.2 2.3 3.5 5.6 4.9 2.1.9 2.9 1 3.9.8.6-.1 1.9-.8 2.2-1.5s.3-1.3.2-1.5-.3-.2-.6-.4z'/%3E%3C/svg%3E"); }

/* ---------- Botones en bloques Párrafo ----------
   <p class="tc-cta tc-cta--rojo tc-ico-..."><a href="...">Texto</a></p>
   Variantes: --rojo · --oscuro · --whatsapp · --blanco
   El ícono de la izquierda es opcional (clase tc-ico-*); la flecha va siempre. */
.tc-ctas { display: flex; flex-wrap: wrap; gap: 12px; }
.tc-ctas--centro { justify-content: center; }
:is(.entry-content, .is-root-container) .tc-ctas > p,
:is(.entry-content, .is-root-container) .tc-ctas p.tc-cta { margin: 0; }
.tc-cta a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 50px;
	padding: 0 24px;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	box-sizing: border-box;
	transition: transform .15s ease, box-shadow .15s ease;
}
.tc-cta[class*="tc-ico-"] a::before {
	content: "";
	width: 18px;
	height: 18px;
	flex: none;
	background: currentColor;
	-webkit-mask: var(--tc-ico) center / contain no-repeat;
	        mask: var(--tc-ico) center / contain no-repeat;
}
.tc-cta a::after {
	content: "";
	width: 18px;
	height: 18px;
	flex: none;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .15s ease;
}
.tc-cta a:hover { transform: translateY(-2px); }
.tc-cta a:hover::after { transform: translateX(3px); }
.tc-cta a:focus-visible { outline: 3px solid var(--tc-pet-800); outline-offset: 3px; }

:is(.entry-content, .is-root-container) .tc-cta--rojo a, :is(.entry-content, .is-root-container) .tc-cta--rojo a:hover, :is(.entry-content, .is-root-container) .tc-cta--rojo a:focus,
:is(.entry-content, .is-root-container) .tc-cta--oscuro a, :is(.entry-content, .is-root-container) .tc-cta--oscuro a:hover, :is(.entry-content, .is-root-container) .tc-cta--oscuro a:focus,
:is(.entry-content, .is-root-container) .tc-cta--whatsapp a, :is(.entry-content, .is-root-container) .tc-cta--whatsapp a:hover, :is(.entry-content, .is-root-container) .tc-cta--whatsapp a:focus { color: #ffffff; }
.tc-cta--rojo a { background: var(--tc-acento-grad); box-shadow: 0 6px 14px rgba(185, 21, 27, .22); }
.tc-cta--rojo a:hover { background: var(--tc-acento-grad-hover); }
.tc-cta--oscuro a { background: #333333; }
.tc-cta--oscuro a:hover { background: #1F1F1F; }
.tc-cta--whatsapp a { background: var(--tc-wa-oscuro); box-shadow: 0 6px 14px rgba(18, 140, 69, .22); }
.tc-cta--whatsapp a:hover { background: var(--tc-wa-hover); }
:is(.entry-content, .is-root-container) .tc-cta--blanco a, :is(.entry-content, .is-root-container) .tc-cta--blanco a:hover, :is(.entry-content, .is-root-container) .tc-cta--blanco a:focus { color: var(--tc-acento); }
.tc-cta--blanco a { background: #ffffff; }

/* ---------- Encabezado de sección (etiqueta + título + bajada) ---------- */
:is(.entry-content, .is-root-container) .tc-sec-eyebrow {
	margin: 0 0 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--tc-acento);
}
:is(.entry-content, .is-root-container) .tc-sec-title {
	margin: 0 0 14px;
	text-align: center;
	font-size: 36px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--tc-c-navy);
}
:is(.entry-content, .is-root-container) .tc-sec-lead {
	margin: 0 auto 40px;
	max-width: 760px;
	text-align: center;
	font-size: 17px;
	line-height: 1.6;
	color: var(--tc-c-texto);
}

/* ---------- Formulario Contact Form 7 (Contacto y popup de cotización) ---------- */
.tc-cf7-form { display: grid; gap: 14px; }
.tc-cf7-form p { margin: 0; }
.tc-cf7-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.tc-cf7-group label {
	display: block;
	margin-bottom: 6px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--tc-c-navy);
}
.tc-cf7-field { position: relative; }
.tc-cf7-field::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 16px;
	width: 18px;
	height: 18px;
	z-index: 1;
	background: #9CA3AF;
	-webkit-mask: var(--tc-ico) center / contain no-repeat;
	        mask: var(--tc-ico) center / contain no-repeat;
	pointer-events: none;
}
.tc-cf7-field:focus-within::before { background: var(--tc-acento); }
.tc-cf7-field .wpcf7-form-control-wrap { display: block; }
.tc-cf7-field input,
.tc-cf7-field select,
.tc-cf7-field textarea {
	width: 100%;
	box-sizing: border-box;
	min-height: 50px;
	padding: 12px 14px 12px 46px;
	border: 1px solid #D1D5DB;
	border-radius: 12px;
	background: #F9FAFB;
	font-family: var(--tc-fuente);
	font-size: 15px;
	color: var(--tc-c-navy);
	transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.tc-cf7-field textarea { min-height: 100px; resize: vertical; }
.tc-cf7-field select {
	-webkit-appearance: none;
	        appearance: none;
	padding-right: 40px;
	color: var(--tc-c-texto);
	cursor: pointer;
}
.tc-cf7-select::after {
	content: "";
	position: absolute;
	right: 14px;
	top: 17px;
	width: 16px;
	height: 16px;
	background: var(--tc-c-navy);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	pointer-events: none;
}
.tc-cf7-field input:focus,
.tc-cf7-field select:focus,
.tc-cf7-field textarea:focus {
	outline: none;
	background: #ffffff;
	border-color: var(--tc-acento);
	box-shadow: 0 0 0 3px rgba(185, 21, 27, .15);
}
.tc-cf7-field ::placeholder { color: #9CA3AF; }

.tc-cf7-submit { position: relative; }
.tc-cf7-submit .wpcf7-submit {
	width: 100%;
	min-height: 54px;
	padding: 0 48px;
	border: 0;
	border-radius: 14px;
	background: var(--tc-acento-grad);
	box-shadow: 0 10px 24px var(--tc-acento-sombra);
	color: #ffffff;
	font-family: var(--tc-fuente);
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
.tc-cf7-submit .wpcf7-submit:hover { background: var(--tc-acento-grad-hover); }
.tc-cf7-submit::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 18px;
	width: 18px;
	height: 18px;
	background: #ffffff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	pointer-events: none;
}
.tc-cf7-submit .wpcf7-spinner { position: absolute; left: 14px; top: 15px; margin: 0; }

/* Mensajes de validación de CF7 */
.tc-cf7-form .wpcf7-not-valid { border-color: #DC2626; }
.tc-cf7-form .wpcf7-not-valid-tip { margin-top: 4px; font-size: 13px; color: #DC2626; }
.tc-contact-form-body .wpcf7 form .wpcf7-response-output,
.tc-cot-body .wpcf7 form .wpcf7-response-output {
	margin: 16px 0 0;
	padding: 12px 14px;
	border-radius: 10px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.tc-cf7-row { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Popup "Pedir cotización" (inc/cotizacion.php) ---------- */
.tc-popup-overlay .tc-popup.tc-popup--cotizar.is-open { display: block; max-width: 640px; }
.tc-cot-head { padding: 32px 34px 0; }
.tc-cot-body { padding: 18px 34px 32px; }
:is(.entry-content, .is-root-container) .tc-cot-diseno {
	display: inline-block;
	margin: 0 0 16px;
	padding: 8px 14px;
	background: var(--tc-c-gris);
	border-radius: 999px;
	font-size: 14px;
	color: var(--tc-c-texto);
}
.tc-cot-diseno strong { color: var(--tc-c-navy); }
.tc-cot-aviso {
	position: relative;
	padding: 14px 16px 14px 48px;
	background: #FFF6EC;
	border: 1px solid #F3C894;
	border-radius: 12px;
}
.tc-cot-aviso::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 16px;
	width: 20px;
	height: 20px;
	background: #DD7A12;
	-webkit-mask: var(--tc-ico) center / contain no-repeat;
	        mask: var(--tc-ico) center / contain no-repeat;
	--tc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
}
:is(.entry-content, .is-root-container) .tc-cot-aviso p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #5A3A10; }
.tc-cot-aviso strong { color: #5A3A10; }
:is(.entry-content, .is-root-container) .tc-cot-aviso a { color: var(--tc-acento); font-weight: 700; }

/* Pregunta filtro: ¿vas a vender por internet? */
:is(.entry-content, .is-root-container) .tc-cot-pregunta { margin: 0 0 10px; font-size: 16px; font-weight: 700; color: var(--tc-c-navy); }
.tc-cot-filtro .wpcf7-form-control { display: grid; gap: 10px; }
.tc-cot-filtro .wpcf7-list-item { display: block; margin: 0; }
.tc-cot-filtro label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	background: #ffffff;
	border: 1px solid #D1D5DB;
	border-radius: 12px;
	font-size: 15px;
	line-height: 1.45;
	color: var(--tc-c-navy);
	cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease;
}
.tc-cot-filtro label:hover { border-color: #9CA3AF; }
.tc-cot-filtro label:has(input:checked) { background: #FFF4F5; border-color: var(--tc-acento); }
/* "No voy a vender por internet": verde de aprobación */
.tc-cot-filtro label:has(input[value^="No"]:checked) { background: #EFFAF3; border-color: #15954B; }
.tc-cot-filtro input[value^="No"] { accent-color: #15954B; }
.tc-cot-filtro input[type="radio"] { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--tc-acento); }

/* Lo que aparece según la respuesta */
.tc-cot-desvio, .tc-cot-campos { display: none; }
.is-desvio .tc-cot-desvio, .is-ok .tc-cot-campos, .tc-cot--tienda .tc-cot-campos { display: block; }
.tc-cot--tienda .tc-cot-filtro { display: none; }
.tc-cot-desvio { margin-top: 16px; padding: 20px; background: var(--tc-c-gris); border-radius: 14px; text-align: center; }
:is(.entry-content, .is-root-container) .tc-cot-desvio p { margin: 0 0 14px; font-size: 15px; line-height: 1.55; color: var(--tc-c-navy); }
.tc-cot-campos { margin-top: 18px; }
:is(.entry-content, .is-root-container) .tc-cf7-check { font-size: 14px; color: var(--tc-c-texto); }
.tc-cf7-check .wpcf7-list-item { margin: 0; }
.tc-cf7-check label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.tc-cf7-check input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--tc-acento); }
:is(.entry-content, .is-root-container) .tc-cf7-check a { color: var(--tc-acento); font-weight: 600; }

@media (max-width: 767px) {
	.tc-cot-head { padding: 26px 20px 0; }
	.tc-cot-body { padding: 16px 20px 24px; }
}

@media (max-width: 767px) {
	:is(.entry-content, .is-root-container) .tc-sec-title { font-size: 27px; }
	.tc-ctas { flex-direction: column; align-items: stretch; }
	.tc-cta a { width: 100%; }
}
@media (max-width: 380px) {
	.tc-cta a { padding: 0 18px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
	.tc-cta a, .tc-cta a::after { transition: none; }
	.tc-cta a:hover, .tc-cta a:hover::after { transform: none; }
}