/*
Theme Name: Inspira2 Digilab
Theme URI: https://inspira2.com.pe
Author: JCMarkSolutions
Description: Tema propio de Inspira2 basado en el diseño HTML Digilab v2.0 (portada index-2). Contenido 100 % administrable desde WordPress: Personalizador (Apariencia › Personalizar › Inspira2), Servicios, Clientes, Páginas, Blog y Menús.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: inspira2-digilab
License: Uso privado. Diseño base Digilab © validthemes (licencia de plantilla adquirida).
*/

/* ==========================================================================
   Ajustes WordPress sobre Digilab (digilab.css se carga antes que este archivo)
   ========================================================================== */

/* Accesibilidad */
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background: #fff; clip: auto !important; clip-path: none; color: #232323; display: block; height: auto; left: 5px; padding: 15px 23px; top: 5px; width: auto; z-index: 100000; }
.skip-link:focus { position: fixed !important; }

/* Logo */
.navbar .navbar-brand img.logo, .navbar .navbar-brand .custom-logo { max-height: 60px; width: auto; }
.navbar-collapse > img.i2d-mobile-logo { max-height: 50px; width: auto; }
.side .widget .logo img { max-height: 60px; width: auto; }
footer .f-item.about img.i2d-footer-logo { max-height: 70px; width: auto; }
footer .f-item.about img.i2d-footer-logo.i2d-invert { filter: brightness(0) invert(1); }
.navbar .navbar-brand .i2d-text-logo { font-size: 28px; font-weight: 800; color: var(--color-heading); }

/* Banner: imagen real de Inspira2 */
.banner-area .thumb-innner img.i2d-banner-img { max-width: 100%; height: auto; }

/* Clientes: logos reales con tamaño uniforme */
.clients-area .clients-carousel .item { display: flex; align-items: center; justify-content: center; height: 110px; }
.clients-area .clients-carousel .item img { max-height: 90px; width: auto !important; max-width: 100%; object-fit: contain; filter: grayscale(100%); opacity: .75; transition: all .3s ease; }
.clients-area .clients-carousel .item:hover img { filter: none; opacity: 1; }

/* Servicios con icono-imagen (las imágenes 3D reales de Inspira2) */
.services-area .services-items .item .icon.i2d-icon-img img { width: 110px; height: 110px; object-fit: contain; margin: 0 auto; display: block; }
.services-area .services-items .item .icon.i2d-icon-img::after, .services-area .services-items .item .icon.i2d-icon-img::before { display: none; }
.services-area.i2d-grid .services-items .item { margin-bottom: 30px; height: calc(100% - 30px); }

/* Proceso: tarjetas sin texto quedan equilibradas */
.our-process-area .process-box .item p:empty { display: none; }

/* Vídeos reales (sección case-studies) */
.case-items .thumb .i2d-video { position: relative; padding-top: 56.25%; background: #111; border-radius: 10px; overflow: hidden; }
.case-items .thumb .i2d-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* CTA (zona subscribe de Digilab sin formulario de suscripción) */
.subscribe-area .i2d-cta-actions { margin-top: 30px; display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }

/* Contact Form 7 con la estética del formulario Digilab */
.contact-us-area .contact-form .wpcf7 input[type="submit"],
.contact-us-area .contact-form .wpcf7 button[type="submit"] {
	background: var(--bg-gradient-style-two, var(--bg-gradient));
	background-size: 220%;
	border: none; border-radius: 30px; color: #fff; font-weight: 600;
	padding: 15px 45px; margin-top: 15px; transition: all .35s ease-in-out;
}
.contact-us-area .contact-form .wpcf7 input[type="submit"]:hover { background-position: right center; }
.wpcf7 .wpcf7-not-valid-tip { font-size: 13px; margin-top: 5px; }
.wpcf7 form .wpcf7-response-output { margin: 20px 0 0; border-radius: 8px; padding: 12px 16px; }
.wpcf7 .wpcf7-spinner { vertical-align: middle; }
.i2d-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.contact-us-area .address-items .item .info a { color: inherit; }
.contact-us-area .address .social-links { list-style: none; padding: 0; margin: 15px 0 0; display: flex; gap: 10px; }
.contact-us-area .address .social-links a { display: inline-flex; width: 40px; height: 40px; border-radius: 50%; align-items: center; justify-content: center; background: rgba(255,255,255,.15); color: #fff; }

/* Contenido editorial (páginas, entradas) */
.entry-content > *:first-child { margin-top: 0; }
.entry-content img { max-width: 100%; height: auto; border-radius: 8px; }
.entry-content ul, .entry-content ol { padding-left: 20px; margin-bottom: 20px; }
.entry-content ul li { list-style: disc; }
.entry-content ol li { list-style: decimal; }
.entry-content blockquote { border-left: 4px solid var(--color-style-two, var(--color-primary)); padding: 15px 25px; background: var(--bg-gray); border-radius: 0 8px 8px 0; }
.alignleft { float: left; margin: 0 25px 20px 0; }
.alignright { float: right; margin: 0 0 20px 25px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .wp-element-caption { font-size: 14px; color: #888; text-align: center; margin-top: 8px; }
.sticky .info h4 a::before { content: "\f08d"; font-family: var(--fontawesome); font-weight: 900; margin-right: 8px; font-size: 16px; }
.page-links { margin-top: 20px; }
.bypostauthor > .content .title h5::after { content: " ★"; color: var(--color-style-two, var(--color-primary)); }

/* Paginación WordPress -> estilo Digilab */
.pagi-area .pagination .page-numbers { display: inline-block; }
.pagi-area .pagination li span.current { background: var(--bg-gradient-style-two, var(--bg-gradient)); color: #fff; border-color: transparent; }

/* Comentarios */
.comments-list .children { list-style: none; padding-left: 50px; }
.comment-respond .comment-reply-title small { margin-left: 15px; font-size: 14px; }
.comments-form .comment-notes, .comments-form .logged-in-as { margin-bottom: 20px; font-size: 14px; }
.comments-form .comment-form-cookies-consent { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; }
.comments-form .form-submit { margin: 0; }

/* Servicio individual */
.services-details-area .i2d-service-icon img { width: 120px; height: 120px; object-fit: contain; margin-bottom: 25px; }
.services-sidebar .quick-contact-widget h2 a { color: #fff; }

/* Sin contenido */
.i2d-empty { text-align: center; padding: 40px 0; }

/* Barra de admin y navbar fija */
.admin-bar .navbar-fixed { top: 32px; }
@media (max-width: 782px) { .admin-bar .navbar-fixed { top: 46px; } }

/* Joinchat (botón WhatsApp real) sobre el preloader no */
#site-preloader { z-index: 100000; }

/* Redes sociales en el pie */
footer .i2d-social-list, footer .i2d-social-inline { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
footer .i2d-social-inline { justify-content: flex-end; }
footer .i2d-social-list li a, footer .i2d-social-inline li a { display: inline-flex; width: 40px; height: 40px; border-radius: 50%; align-items: center; justify-content: center; background: rgba(255,255,255,.08); color: #fff; transition: all .3s ease; }
footer .i2d-social-list li a:hover, footer .i2d-social-inline li a:hover { background: var(--color-style-two, var(--color-primary)); color: #fff; }
footer .footer-bottom .link .i2d-social-inline li { margin: 0; }
footer .footer-bottom .link .i2d-social-inline li::after { display: none; }
@media (max-width: 767px) { footer .i2d-social-inline { justify-content: center; margin-top: 15px; } }
.contact-us-area .contact-form h5.i2d-contact-subtitle { text-transform: uppercase; font-weight: 600; color: var(--color-style-two, var(--color-primary)); margin-bottom: 10px; }

/* Digilab calcula la altura del banner con height:100% encadenado desde <body>;
   el contenedor <main> de WordPress rompe la cadena, así que se fija en 100vh. */
@media (min-width: 992px) {
	.banner-area:not(.auto-height) { height: 100vh; min-height: 640px; }
	.admin-bar .banner-area:not(.auto-height) { height: calc(100vh - 32px); }
}

/* El correo no debe capitalizarse */
.subscribe-area .i2d-cta-actions a[href^="mailto:"] { text-transform: none; }

/* Esquema «Digilab index-2»: las páginas interiores usan la misma paleta eastern-blue
   que la portada (en la plantilla HTML original las interiores usaban azul/morado genérico). */
body.scheme-digilab {
	--color-primary: #1aa79d;
	--color-secondary: #08736b;
	--bg-gradient: linear-gradient(to right, var(--color-primary), var(--color-secondary), var(--color-primary));
}

/* Los correos electrónicos nunca se capitalizan */
a[href^="mailto:"], .side .widget.address strong a { text-transform: none !important; }
.side .widget.address strong { text-transform: none; }