/*
Theme Name: UCIP 2
Theme URI: https://www.ucip.org.ar
Description: Tema nuevo de UCIP (Unión del Comercio, la Industria y la Producción de Mar del Plata). Convierte el rediseño estático en un tema de WordPress, manteniendo el contenido y los custom post types existentes (noticias, estudiossociales, etc.).
Author: UCIP / equipo
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: ucip2
*/

/* El diseño real vive en /css/styles.css y /css/pages.css (encolados desde functions.php).
   Este archivo lleva la cabecera del tema + pequeños ajustes de la versión WordPress. */

/* Logo del header: el logo real de UCIP tiene emblema + subtítulo de 2 líneas,
   que a 46px quedaba apretado/ilegible. Lo agrandamos y le damos aire. */
.nav .logo-img{height:60px !important;width:auto;}
.nav .logo{padding-block:6px;}
@media (max-width:640px){ .nav .logo-img{height:48px !important;} }

/* Filtros de noticias como enlaces (mismo look que los botones del diseño) */
.filters a{
	display:inline-flex;align-items:center;cursor:pointer;
	padding:8px 16px;border-radius:999px;font-size:.9rem;font-weight:600;
	border:1px solid var(--line);background:#fff;color:var(--ink);
	text-decoration:none;transition:.15s;
}
.filters a:hover{border-color:var(--brand);color:var(--brand);}
.filters a.active{background:var(--brand);border-color:var(--brand);color:#fff;}

/* Tarjetas del hub de Servicios */
.svc-card:hover{border-color:var(--brand,#0b3a6f);box-shadow:0 12px 30px rgba(11,58,111,.10);transform:translateY(-3px);}

/* ==========================================================================
   Menú principal editable (wp_nav_menu) — mantiene el look del diseño y
   soporta submenús desplegables si se agregan sub-ítems en Apariencia>Menús.
   ========================================================================== */
.nav-links .nav-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(14px,1.8vw,30px);}
.nav-links .nav-menu li{position:relative;}
/* Los <a> heredan el estilo .nav-links a del diseño; marcamos el activo de WP */
.nav-links .nav-menu .current-menu-item > a,
.nav-links .nav-menu .current-menu-parent > a,
.nav-links .nav-menu .current-menu-ancestor > a,
.nav-links .nav-menu .current_page_item > a{color:var(--brand,#0b3a6f);font-weight:700;}
/* Submenús desplegables */
.nav-links .nav-menu ul.sub-menu{
	position:absolute;top:calc(100% + 10px);left:0;min-width:230px;
	background:#fff;border:1px solid var(--line);border-radius:14px;
	box-shadow:0 18px 40px rgba(11,58,111,.14);padding:8px;z-index:60;
	list-style:none;margin:0;display:none;flex-direction:column;gap:2px;
}
.nav-links .nav-menu li:hover > ul.sub-menu{display:flex;}
.nav-links .nav-menu ul.sub-menu li{width:100%;}
.nav-links .nav-menu ul.sub-menu a{display:block;padding:9px 12px;border-radius:9px;white-space:nowrap;font-size:.94rem;}
.nav-links .nav-menu ul.sub-menu a:hover{background:var(--cloud,#f2f5f8);}
/* Indicador de que un ítem tiene submenú */
.nav-links .nav-menu .menu-item-has-children > a::after{content:"▾";margin-left:6px;font-size:.7em;opacity:.6;}

/* Drawer mobile: lista vertical */
.drawer .drawer-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.drawer .drawer-menu li{width:100%;}
.drawer .drawer-menu ul.sub-menu{list-style:none;margin:0 0 0 14px;padding:0;}

/* ==========================================================================
   Compatibilidad con el contenido LEGACY recuperado (tema viejo VivexNuevo).
   El contenido histórico usa grillas tipo Bootstrap 3 (.row / .col-*) e
   isotope (.grid / .grid-sizer). Esto lo ordena dentro del diseño nuevo
   SIN tocar el resto de la página. Todo va scopeado a .entry-content.
   ========================================================================== */
.entry-content .row{display:flex;flex-wrap:wrap;gap:24px;margin:0 0 20px;}
.entry-content .row.grid,.entry-content .grid{display:flex;flex-wrap:wrap;gap:24px;}
.entry-content .grid-sizer{display:none !important;}
.entry-content [class*="col-"]{flex:1 1 260px;min-width:0;overflow-wrap:break-word;word-break:break-word;}
.entry-content a{overflow-wrap:break-word;}
/* Fracciones tipo Bootstrap 3 (12 columnas) en pantallas medianas+ */
@media (min-width:720px){
	.entry-content .col-xs-1,.entry-content .col-sm-1,.entry-content .col-md-1{flex:0 0 calc(8.333% - 22px);}
	.entry-content .col-xs-2,.entry-content .col-sm-2,.entry-content .col-md-2{flex:0 0 calc(16.666% - 22px);}
	.entry-content .col-xs-3,.entry-content .col-sm-3,.entry-content .col-md-3{flex:0 0 calc(25% - 18px);}
	.entry-content .col-xs-4,.entry-content .col-sm-4,.entry-content .col-md-4{flex:0 0 calc(33.333% - 16px);}
	.entry-content .col-xs-5,.entry-content .col-sm-5,.entry-content .col-md-5{flex:0 0 calc(41.666% - 14px);}
	.entry-content .col-xs-6,.entry-content .col-sm-6,.entry-content .col-md-6{flex:0 0 calc(50% - 12px);}
	.entry-content .col-xs-7,.entry-content .col-sm-7,.entry-content .col-md-7{flex:0 0 calc(58.333% - 10px);}
	.entry-content .col-xs-8,.entry-content .col-sm-8,.entry-content .col-md-8{flex:0 0 calc(66.666% - 8px);}
	.entry-content .col-xs-9,.entry-content .col-sm-9,.entry-content .col-md-9{flex:0 0 calc(75% - 6px);}
	.entry-content .col-xs-10,.entry-content .col-sm-10,.entry-content .col-md-10{flex:0 0 calc(83.333% - 4px);}
	.entry-content .col-xs-11,.entry-content .col-sm-11,.entry-content .col-md-11{flex:0 0 calc(91.666% - 2px);}
	.entry-content .col-xs-12,.entry-content .col-sm-12,.entry-content .col-md-12{flex:0 0 100%;}
}
/* Tarjetas/cajas del contenido viejo */
.entry-content .thumbnail,.entry-content .panel,.entry-content .well,.entry-content .box{
	border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;margin:0;
}
.entry-content .thumbnail img{border-radius:10px;margin-bottom:12px;}
/* Media embebida responsiva */
.entry-content iframe{max-width:100%;border:0;border-radius:12px;}
.entry-content .embed-responsive,.entry-content .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin:0 0 20px;}
.entry-content .embed-responsive iframe,.entry-content .video-container iframe{position:absolute;inset:0;width:100%;height:100%;}
/* Tablas del contenido viejo */
.entry-content table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:.95rem;}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;}
.entry-content thead th,.entry-content tr:first-child th{background:var(--cloud,#f2f5f8);color:var(--brand,#0b3a6f);font-weight:700;}
/* Botones legacy con el look del diseño */
.entry-content .btn,.entry-content .button,.entry-content a.boton{
	display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;
	background:var(--accent,#e8641a);color:#fff !important;text-decoration:none;font-weight:700;border:0;
}
.entry-content .btn:hover,.entry-content .button:hover{filter:brightness(1.05);}
/* Ritmo vertical de bloques recuperados */
.entry-content .row + .row{margin-top:8px;}
.entry-content h2,.entry-content h3,.entry-content h4{clear:both;}

/* Contenido de las notas (the_content) */
.entry-content{line-height:1.75;color:var(--ink);font-size:1.06rem;}
.entry-content p{margin:0 0 1.1em;}
.entry-content h2,.entry-content h3{font-family:'Spectral',Georgia,serif;color:var(--brand);margin:1.6em 0 .5em;}
.entry-content img{max-width:100%;height:auto;border-radius:12px;}
.entry-content a{color:var(--brand);text-decoration:underline;}
.entry-content ul,.entry-content ol{margin:0 0 1.1em 1.4em;}

/* Formularios de Contact Form 7 con el estilo del sitio */
.wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.wpcf7 select,.wpcf7 textarea{
	width:100%;padding:13px 15px;margin:6px 0 4px;border:1px solid var(--line);
	border-radius:12px;font:inherit;background:#fff;color:var(--ink);
}
.wpcf7 textarea{min-height:130px;resize:vertical;}
.wpcf7 label{display:block;font-weight:600;font-size:.92rem;margin-bottom:10px;}
.wpcf7 input[type=submit]{
	margin-top:8px;padding:13px 26px;border:0;border-radius:999px;cursor:pointer;
	background:var(--accent,#e8641a);color:#fff;font-weight:700;font-size:1rem;
}
.wpcf7 input[type=submit]:hover{filter:brightness(1.05);}