/* Theme Name: Import Export Company Pro Theme URI:https://www.wpradiant.net/products/psychotherapy-clinic-wordpress-theme Author: WP Radiant Themes Author URI: https://www.wpradiant.net/ Description: Elevate your psychotherapy clinic’s online presence with our cutting-edge psychotherapy Clinic WordPress Theme. Crafted with the unique needs of healthcare professionals in mind, this theme offers a perfect blend of functionality and aesthetics. With a sleek and modern design, it captivates visitors from the moment they land on your website. Our theme is equipped with essential features like appointment booking, making it easy for patients to schedule sessions at their convenience. The theme seamlessly integrates with the Gutenberg editor, ensuring effortless content creation and customization, even for users with minimal technical skills. Version: 0.0.2 Tested up to: 6.2.2 Requires at least: 5.9 Requires PHP: 7.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: import-export-company-pro */ /*header buy now bar start*/ .sticky{ position: fixed; background-color: #0d3d4b; width: 100%; max-width: 100%; top: 40px; z-index: 999; left: 0; } .sticky .header-row { padding: 25px 35px !IMPORTANT; background-color: #0d3d4b; } .header-coupon { color: #fff; } .psychotherapy-header-sec .header-search-col:after { content: unset !important; } header ul li a.current-menu-item span { color: #F4942C; text-decoration: underline ; font-size: 16px; font-weight: 600; font-style: "Semibold"; } .buy-now a { background-color: #0693e3!important; color: white !important; padding: 10px 20px; border-radius:10px; } .header-coupon:hover { animation: none; /* Stop the blinking on hover */ } .wp-block-column.header-search-col .gutentor-element-icon-box { cursor: pointer; } .admin-bar .sticky{ position: fixed; background-color: #0D3D4B; width: 100%; max-width: 100%; top: 72px; z-index: 999; } .mtsnb{ z-index: 100000!important; } .mtsnb-button-type a{ background: #000; color: #fff!important; padding: 5px 10px; border-radius: 10px; } .header-coupoun{ color: green; } .mtsnb-text{ font-weight: bold; } /*header buy now bar end*/ *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} article, aside, details, figcaption, figure, footer, header, nav, section, summary{display: block;} audio, canvas, video{display: inline-block;} audio:not([controls]){display: none; height: 0;} [hidden]{display: none;} html{font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} html, button, input, select, textarea{font-family: 'Poppins', sans-serif;} body{margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;} a { text-decoration-thickness: 1px; text-underline-offset: 0.25ch; } a:hover, a:focus { text-decoration-style: dashed; } a:active { text-decoration: none; } figure a{display:inline-block;} .wp-block-navigation .wp-block-navigation-item a:hover, .wp-block-navigation .wp-block-navigation-item a:focus { text-decoration-style: solid; } h1, h2, h3, h4, h5, h6{clear: both; font-family:'Outfit';} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit;} h1{font-size: 48px; margin: 33px 0;} h2{font-size: 30px; margin: 25px 0;} h3{font-size: 22px; margin: 22px 0;} h4{font-size: 20px; margin: 25px 0;} h5{font-size: 18px; margin: 30px 0;} h6{font-size: 16px; margin: 36px 0;} p{margin: 0 0 25px;} img{border: none; max-width: 100%; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;} address{font-style: italic; margin: 0 0 24px;} abbr[title]{border-bottom: 1px dotted;} b, strong{font-weight: bold;} dfn{font-style: italic;} mark{background: #ff0; color: #000;} code, kbd, pre, samp{font-family: monospace, serif; font-size: 14px; hyphens: none;} pre{background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;} blockquote, q{hyphens: none; quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ""; content: none;} blockquote{font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px;} blockquote blockquote{margin-right: 0;} blockquote cite, blockquote small{font-size: 14px; font-weight: normal; text-transform: uppercase;} blockquote em, blockquote i{font-style: normal; font-weight: 300;} blockquote strong, blockquote b{font-weight: 400;} small{font-size: smaller;} sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} dl{margin: 0 20px;} dt{font-weight: bold;} dd{margin: 0 0 20px;} menu, ol, ul{margin: 16px 0; padding: 0 0 0 15px;} ul{list-style-type: square;} nav ul, nav ol{list-style: none; list-style-image: none;} li > ul, li > ol{margin: 0;} svg:not(:root){overflow: hidden;} figure{margin: 0;} form{margin: 0;} fieldset{border: 1px solid #c0c0c0; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em;} legend{border: 0; padding: 0; white-space: normal;} button, input, select, textarea{font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;} button, input{line-height: normal;} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;} button[disabled], input[disabled]{cursor: default;} input[type="checkbox"], input[type="radio"]{padding: 0;} input[type="search"]{-webkit-appearance: textfield; padding-right: 2px; width: 270px;} input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;} textarea{overflow: auto; vertical-align: top; resize: none; min-height: 120px;} table{border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; line-height: 2; margin: 0 0 20px; width: 100%;} caption, th, td{font-weight: normal; text-align: left;} caption{font-size: 16px; margin: 20px 0;} th{font-weight: bold; text-transform: uppercase;} td{border-top: 1px solid #ededed; padding: 6px 10px 6px 0;} del{color: #333;} ins{background: #fff9c0; text-decoration: none;} /* Form fields styles. */ input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], input[type="search"], input[type="url"], input[type="password"], textarea{border: 1px solid #6e6e6e; width: 100%; border-radius: 8px; padding: 13px; outline: none;} select{background: transparent; border: 1px solid #00b5e2; width: 100%; border-radius: 8px; padding: 13px; outline: none;} /* Buttons */ button, input[type="submit"], input[type="button"], input[type="reset"]{background-color: #5BAAEC; border: none; border-radius: 50px; color: #fff; display: inline-block; font-size: 20px; font-weight: 500; padding: 18px 50px; text-decoration: none; transition: all 0.2s;} /* Placeholder text color -- selectors need to be separate to work. */ ::placeholder{color: #041F69; opacity: 1;} :-ms-input-placeholder{color: #041F69;} ::-ms-input-placeholder{color: #041F69;} /* 1. LINKS DE TEXTO: Naranjas al pasar el mouse (Sustituye al código con error) */ a:not(.wp-element-button):hover { color: #f39200 !important; text-decoration: underline; } /* 2. BOTONES GUTENTOR: Estado Normal (Naranja con texto Blanco) Se usan en las tarjetas de los carruseles */ /* BOTONES GUTENTOR – TODOS LOS CONTEXTOS */ body .gutentor-button, body .gutentor-post-button { background-color: #f39200 !important; color: #ffffff !important; border: 2px solid #f39200 !important; text-decoration: none !important; border-radius: 5px !important; display: inline-block !important; transition: all 0.3s ease-in-out !important; } /* HOVER */ body .gutentor-button:hover, body .gutentor-post-button:hover { background-color: #ffffff !important; color: #f39200 !important; border-color: #f39200 !important; } /* ===================================================== BOTONES "VER PROYECTO" EN CARRUSELES / QUERY LOOP (Unificados con botones Gutentor) ===================================================== */ body .wp-block-post-excerpt__more-link { background-color: #f39200 !important; color: #ffffff !important; border: 2px solid #f39200 !important; text-decoration: none !important; border-radius: 5px !important; display: inline-block !important; padding: 10px 20px !important; transition: all 0.3s ease-in-out !important; } body .wp-block-post-excerpt__more-link:hover { background-color: #ffffff !important; color: #f39200 !important; border-color: #f39200 !important; } /* * Button hover styles. * Necessary until the following issue is resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/27075 */ .wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-button__link:hover { opacity: 0.90; } /* Blocks inside columns don't have negative margins. */ .wp-site-blocks .wp-block-columns .wp-block-column .alignfull, .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"], /* We also want to avoid stacking negative margins. */ .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull, .is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] { margin-left: auto !important; margin-right: auto !important; width: inherit; } /* * Responsive menu container padding. * This ensures the responsive container inherits the same * spacing defined above. This behavior may be built into * the Block Editor in the future. */ .wp-block-navigation__responsive-container.is-menu-open { padding-top: var(--wp--custom--spacing--outer); padding-bottom: var(--wp--custom--spacing--large); padding-right: var(--wp--custom--spacing--outer); padding-left: var(--wp--custom--spacing--outer); } .import-export-company-pro-header .wp-block-cover, .import-export-company-pro-header .wp-block-cover-image, .import-export-company-pro-footer .wp-block-cover, .import-export-company-pro-footer .wp-block-cover-image, .import-export-company-pro-porduct-section, .import-export-company-pro-menu-section{align-items:inherit;} .import-export-company-pro-footer-menu .wp-block-navigation li {padding-left:20px; position:relative;} .import-export-company-pro-footer-menu .wp-block-navigation li:before{ content:''; width:8px; height:8px; background:#fff; left:0px; top:50%; position:absolute; border-radius:100%; transform:translateY(-50%);} .import-export-company-pro-header .wp-block-navigation__submenu-container{min-width:215px !important; background:#5f1c00 !important;} .import-export-company-pro-menu .wp-block-navigation li{padding:17px 0px;} .import-export-company-pro-menu .wp-block-navigation__submenu-container li{padding:inherit;} .import-export-company-pro-menu .wp-block-group {padding:0;} .wc-block-mini-cart__button:hover {background:transparent;} .import-export-company-pro-menu {font-family:Oswald;} .import-export-company-pro-header .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .import-export-company-pro-header .wp-block-navigation li .wp-block-navigation-item__label:hover{color:#5BAAEC;} .import-export-company-pro-footer-menu .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .import-export-company-pro-footer-menu .wp-block-navigation li .wp-block-navigation-item__label:hover{ color:#ff8502;} .import-export-company-pro-footer-menu .wp-block-navigation li:hover:before, .import-export-company-pro-footer-menu .wp-block-navigation li.current-menu-item:before{ background:#ff8502;} .import-export-company-pro-ice-berg .wp-block-image{background:#5f1c00; width:170px; height:170px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important;} .import-export-company-pro-ice-berg h3 {width:50%; margin:0 auto;} .import-export-company-pro-ice-berg:hover .wp-block-image{background: #19375B;} .import-export-company-pro-ice-berg:hover h3{color:#19375B !important;} .import-export-company-pro-better-box .wp-block-image{background:#fff; width:100px; height:100px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important; float:left;} .import-export-company-pro-product-box .wc-block-components-product-image img {width:auto !important; margin:0 auto; display:table;} .import-export-company-pro-menu-section::before {content:''; width:35%; height:100%; background:#19375B; position:absolute; left:0px; top:0; z-index:1;} .import-export-company-pro-section .wp-block-columns{position: relative; overflow: hidden;} .import-export-company-pro-discount-box {width:230px !important; height:230px; position:absolute; right:-60px; bottom:-50px;} .import-export-company-pro-section-box .wp-block-column {z-index:9;} .import-export-company-pro-section .import-export-company-pro-section-box::before {content:''; width:99.5%; height:99%; border:solid 2px #bd9655; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-style: dashed;} .import-export-company-pro-inner-banner{ position:relative; z-index:-1;} .import-export-company-pro-section11-left {margin-right:100px !important;} .import-export-company-pro-section11{ position:relative;} .import-export-company-pro-section11::before {content:''; width:41.5%; position:absolute; height:100%; background:#19375B; z-index:0;} .import-export-company-pro-section11 .wp-block-columns{ position:relative; z-index:0;} .import-export-company-pro-section7-right .wp-block-image {position:absolute; right:0;} .import-export-company-pro-section7 {position:relative; overflow:hidden;} .import-export-company-pro-section5-left {position:relative;} .import-export-company-pro-section5-left::after {content:""; position:absolute; left:0; top:0; background:#19375B; width:45%; height:100%; z-index:-1;} .import-export-company-pro-header{ position:absolute !important; width:100%; z-index:2;} /**woocommerce**/ .woocommerce div.product .product_title{ display: none;} .entry-summary .price {padding-bottom: 15px !important;} .woocommerce div.product .quantity .qty {width:auto;} .cart {padding-bottom:20px !important;} .woocommerce div.product div.images img { width:auto !important; margin:0 auto;} .woocommerce-tabs .tabs.wc-tabs {margin:0px !important; padding:0px !important;} .woocommerce-tabs .tabs.wc-tabs:before{ border:none !important;} .woocommerce-tabs .woocommerce-Tabs-panel {font-size:20px; padding:40px !important; background-color: #f6f6f6;} .woocommerce div.product .woocommerce-tabs ul.tabs li{background:#222 !important; color:#fff !important; border-radius:0px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#fff; font-weight:400 !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ display:none;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none !important; padding:5px 30px !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:#5BAAEC !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:#fff !important;} .related.products h2 {text-align:center;} .related.products li .price, .products li .price{ text-align:center;} .related.products .button, .products .button{display:table; margin:0 auto;} .related.products, .products{ text-align:center;} .related.products li, .products li{float:none !important; display:inline-block; margin:15px !important; padding:35px 15px 0px !important; border-radius: 5px !important;} .related.products li img, .products li img {width:auto !important; text-align:center; display:table !important; margin:0 auto !important; margin-bottom:20px !important;} .woocommerce div.product .related.products {padding:40px !important; background-color:#f6f6f6;} .qty.text {width:auto !important;} .woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {max-width:100%;} .woocommerce-page .button {padding:10px 35px !important;} .woocommerce-Price-amount bdi {font-weight:600;} .select2-container--default .select2-selection--single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border:1px solid #222; border-radius:0px;} body.home .import-export-company-pro-menu li:nth-child(1) span {color:#5BAAEC;} body.home .import-export-company-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span {color:inherit;} body.home .import-export-company-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span:hover, body.home .import-export-company-pro-menu li .wp-block-navigation__submenu-container li span:hover, .import-export-company-pro-menu li .wp-block-navigation__submenu-container li span:hover {color:#5BAAEC;} .import-export-company-pro-section10 .add_to_cart_button {border-radius:100px; background-color:#19375B; padding:12px 25px !important;} .added_to_cart.wc-forward {display:block;} .current-menu-item a{color:#5BAAEC;} @media(max-width: 1440px){ .import-export-company-pro-section7-right .wp-block-image {position:relative; right:-114px;} .import-export-company-pro-menu-section::before{ width:25%;} } @media(max-width: 1300px){ .import-export-company-pro-section7-right .wp-block-image{ right:-40px;} } @media(max-width: 1200px ){ .banner-line { width: 95% !important; } } @media(max-width: 1199px ){ .cctv_slider_sec button.eedee-gutenslider-nav { display: none !important; } .import-export-company-pro-menu-section::before { display:none} .import-export-company-pro-header-top-bar {padding:20px 15px !important;} } @media(min-width: 1200px) and (max-width: 1399px){ .wp-block-columns.footer_two_row .wp-block-column.call_col > .wp-block-group { flex-wrap: nowrap !important; } } @media(min-width: 1024px) and (max-width: 1200px){ .woocommerce-page .button {padding:10px 25px !important;} .related.products li, .products li{margin:10px !important;} } @media(max-width: 1023px){ .project-icon { padding-bottom: 5rem; } .import-export-company-pro-banner-content h1 {font-size:32px !important;} h3.has-text-color {font-size:20px !important;} h5.has-text-color {font-size:18px !important;} .has-text-align-right, has-text-align-left {text-align:center !important;} .import-export-company-pro-header-top-bar-left {text-align:center; padding-bottom:25px;} .import-export-company-pro-header-top-bar-left .wp-block-image {display:table; margin:0 auto !important; float:none !important; margin-bottom:10px !important; display:none;} .import-export-company-pro-header-top-bar {padding-top:20px !important; padding-bottom:35px !important;} .import-export-company-pro-banner-content {padding-top:0px !important; text-align:center; padding-bottom:40px;} .import-export-company-pro-banner-content .wp-block-buttons {margin:0 auto; display: table !important;} .import-export-company-pro-header-top-bar-right .wp-block-woocommerce-mini-cart {display:table; margin:0 auto !important; padding-top:20px;} .import-export-company-pro-section1 {padding:40px 15px 0px !important;} .import-export-company-pro-section1-left {text-align:center;} .import-export-company-pro-section1-left .wp-block-button{ display:table; margin:0 auto;} .import-export-company-pro-section1-right {padding-top:40px;} .import-export-company-pro-ice-berg {margin-bottom:40px !important;} .import-export-company-pro-ice-berg h3 {width:100%;} .import-export-company-pro-section1-left p {padding-top:0px !important;} .import-export-company-pro-section2{padding:60px 15px 40px !important;} .import-export-company-pro-section2-right {text-align:center;} .import-export-company-pro-section2-right .wp-block-image{margin:0 auto; display:table; margin-bottom:20px !important; margin-inline-start:auto !important; margin-inline-end:auto !important; float:none !important;} .import-export-company-pro-section3{ padding:40px 15px !important; text-align:center;} .import-export-company-pro-section3-right {margin-top:40px !important; padding: 30px !important; text-align: center !important;} .import-export-company-pro-better-box .wp-block-image{ float:none; margin-bottom:15px !important;} .import-export-company-pro-section3-left .wp-block-button{ display:table; margin:0 auto;} .import-export-company-pro-discount-box {padding-top:30px !important;} .import-export-company-pro-section5-inner {padding:40px 15px !important;} .import-export-company-pro-porduct-section {padding:40px 0px !important;} .import-export-company-pro-menu-section::before { display:none;} .import-export-company-pro-menu-section .wp-block-group {text-align:center;} .import-export-company-pro-section5-right .wp-block-buttons {display:table; margin:0 auto;} .import-export-company-pro-section6 {padding:40px 15px !important;} .import-export-company-pro-section7-left {padding:40px 15px !important;} .import-export-company-pro-section7-left .wp-block-group, .import-export-company-pro-section7-left h2.has-text-color, .import-export-company-pro-section7-left .wp-block-columns {padding:0px !important;} .import-export-company-pro-section7-testimonial-box { padding:30px !important;} .wp-block-group.import-export-company-pro-section7-testimonial-box {padding:30px !important;} .import-export-company-pro-section7-left .wp-block-columns {margin-top:40px !important;} .wp-block-group.import-export-company-pro-section7-testimonial-box .wp-block-columns {margin-top:0px !important;} .import-export-company-pro-section7-right .wp-block-image {margin:0px !important; right:0px;} .import-export-company-pro-section7-left h5, .import-export-company-pro-section7-left h2 {text-align:center;} .import-export-company-pro-section7-testimonial-box h4, .import-export-company-pro-section7-testimonial-box p {text-align:center;} .import-export-company-pro-section7-testimonial-box .wp-block-image {margin:0 auto !important; float:none !important;} .import-export-company-pro-section7-right .wp-block-image, .import-export-company-pro-section7-right .wp-block-image img{ width:100% !important;} .import-export-company-pro-section9 {padding:40px 15px !important;} .import-export-company-pro-section10 {padding:40px 15px !important;} .import-export-company-pro-section11 {padding:0px !important;} .import-export-company-pro-section11-left {padding:0px !important; padding-bottom:40px !important;} .import-export-company-pro-section11-left h5, .import-export-company-pro-section11-left h2 {text-align:center;} .import-export-company-pro-section11-left .wp-block-buttons{display:table !important; margin:0 auto !important;} .import-export-company-pro-section11-right .wp-block-column {border:none;} .import-export-company-pro-section11-left {margin-right:0px !important;} .import-export-company-pro-section11-left .wp-block-group {padding:40px !important;} .import-export-company-pro-section11::before { display:none;} .import-export-company-pro-section11-right {padding:0px 0px 40px 0px !important;} .import-export-company-pro-section-box {padding:80px 25px 200px !important;} .import-export-company-pro-section-box h2{font-size:38px !important;} .import-export-company-pro-section-box .wp-block-column{ padding:0px !important;} .import-export-company-pro-footer-column {padding:20px 15px !important;} .import-export-company-pro-footer-box, .import-export-company-pro-footer-menu {padding:20px 0px;} .import-export-company-pro-footer-copyright .wp-block-column {text-align:center;} .import-export-company-pro-section11-right .wp-block-columns {border:none; margin:0px !important;} .header-layout1{padding:20px 0px !important;} .import-export-company-pro-404 .wp-block-search__inside-wrapper {width:100% !important;} .import-export-company-pro-404 {padding:40px 15px !important;} .import-export-company-pro-blog-area, .cctvblock-blog-right-side, .import-export-company-pro-blog-left-side-page, .import-export-company-pro-blog-no-sidebar, .import-export-company-pro-archive-page {padding:40px 15px !important;} .import-export-company-pro-blog-content {padding-left:0px !important; padding-top:25px;} .import-export-company-pro-blog-meta .wp-block-post-date, .import-export-company-pro-blog-meta .wp-block-post-author, .import-export-company-pro-blog-meta .wp-block-post-terms {width:100% !important; padding:0px !important;} .import-export-company-pro-blog-left-side-area {padding-right:0px !important;} .cctvblock-cctvblock-blog-right-side-page{ padding-left:0px !important;} .import-export-company-pro-contact-lay1, .import-export-company-pro-contact-lay2-box{padding:40px 15px !important;} .import-export-company-pro-contact-lay1 .wp-block-group{ padding-right:0px !important;} .import-export-company-pro-contact-lay1 .import-export-company-pro-contact-info{ padding-top:40px;} .import-export-company-pro-contact-info-box {padding:30px !important;} .import-export-company-pro-service-single-lay{padding:40px 15px 0px !important;} .import-export-company-pro-service-menu {padding-right:0px !important; padding-bottom:40px;} .import-export-company-pro-service-single-lay h2 {font-size:24px !important;} .import-export-company-pro-team-section1 {padding:40px 15px !important;} .import-export-company-pro-team-section1-right{ padding-top:40px;} .import-export-company-pro-team-section1 .wp-block-columns{ padding-bottom:40px !important;} .import-export-company-pro-team-section2{ padding-top:0px !important; padding-bottom:20px !important;} .import-export-company-pro-team-section-box {margin-bottom:30px !important; padding-right:0px !important;} .import-export-company-pro-archive-left {padding-right:0px !important;} .import-export-company-pro-inner-banner-title {font-size:26px !important; margin:0px !important;} .import-export-company-pro-blog-single-area {padding:40px 15px !important;} .import-export-company-pro-blog-single-right-area {padding-left:0px !important; padding-top:40px;} .import-export-company-pro-section9 .wp-block-buttons {margin-top:30px !important;} .import-export-company-pro-inner-banner .wp-block-cover {min-height:220px !important;} .import-export-company-pro-404 h1{padding-bottom:30px !important; font-size:30px !important;} .related.products li, .products li{width:100% !important; margin:0 auto !important;} .import-export-company-pro-section5-menu-box .wp-block-column {text-align:center;} .import-export-company-pro-section5-left::after{ display:none;} .import-export-company-pro-section5-left, .import-export-company-pro-section5-right{ padding:0px !important;} } @media(min-width: 1024px){ .import-export-company-pro-banner{padding-left:60px !important;} } @media(min-width: 768px) and (max-width: 1023px){ .import-export-company-pro-header-top-bar {padding:20px 15px !important;} .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.import-export-company-pro-header-top-bar-left, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.import-export-company-pro-header-top-bar-logo, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.import-export-company-pro-header-top-bar-right {flex-basis:auto !important; width:33.33%; float:left; padding:0px !important;} .import-export-company-pro-ice-berg .wp-block-image{width:140px; height:140px;} .import-export-company-pro-header-top-bar-right .wc-block-mini-cart.wp-block-woocommerce-mini-cart {padding:0px;} .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.import-export-company-pro-banner-content, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.import-export-company-pro-banner-image{flex-basis:auto !important; width:50%; float:left; padding:0px !important; text-align:left;} .import-export-company-pro-banner-content .wp-block-buttons {margin:inherit;} .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.import-export-company-pro-banner-content {padding-top:40px !important;} .import-export-company-pro-section1-right .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis:auto !important;} .import-export-company-pro-better-box {flex-basis:auto !important; width:49% !important; display:inline-block; padding:15px !important;} .import-export-company-pro-section11-right .is-layout-flow.wp-block-column {flex-basis:auto !important; padding:15px;} .import-export-company-pro-section2-left .wp-block-image.alignleft.size-full, .import-export-company-pro-section5-inner .wp-block-image.alignleft.size-full {float:none; text-align:center; width:100%;} .import-export-company-pro-section7-testimonial-box {width:60%; margin:0 auto;} .import-export-company-pro-banner{padding-left:60px !important;} .mtsnb .mtsnb-container { position: relative; margin-right: auto; margin-left: auto; max-width: 100%; width: 1000px; padding: 10px 40px; line-height: 1.4; } } @media(min-width: 600px) and (max-width: 1023px){ .import-export-company-pro-section8-product-box ul li, .import-export-company-pro-section4-product-box ul li, .import-export-company-pro-section9 ul li {width:calc(50% - .9375em) !important;} .import-export-company-pro-section-box {padding:80px 100px 200px !important;} } @media(min-width: 1024px) and (max-width: 1440px){ h3.has-text-color {font-size:20px !important;} h5.has-text-color {font-size:18px !important;} .import-export-company-pro-blog-content h2 {font-size:24px !important;} .import-export-company-pro-ice-berg h3 {width:100%;} .import-export-company-pro-section7-left .wp-block-group {padding:0px !important;} .import-export-company-pro-section7-left .wp-block-columns {padding:0px !important;} .import-export-company-pro-section7-left h2{ padding:0px !important;} .import-export-company-pro-section1-left p {padding-top:0px !important;} .import-export-company-pro-section7-left {padding:40px 15px 0px !important;} .wp-block-group .import-export-company-pro-section7-testimonial-box {padding:20px 25px !important; margin-top: 30px !important;} .wp-block-group .import-export-company-pro-section7-testimonial-box p{ font-size:16px !important; padding-bottom:10px !important;} .import-export-company-pro-section-box{padding-right:30px !important; padding-left:30px !important;} .import-export-company-pro-section8 h2{font-size: 46px !important;} .import-export-company-pro-banner-content h1{font-size:50px !important;} .import-export-company-pro-header-top-bar-left .wp-block-image {margin:0px !important;} .import-export-company-pro-404 h3.has-text-color {font-size:80px !important;} .import-export-company-pro-section11-left{padding-left: 40px;} } @media(max-width: 767px){ .cctv_blog_sec article .gutentor-entry-meta-secondary { justify-content: center !important; } .result .wp-block-query-pagination-previous, .result .wp-block-query-pagination-next { margin: 0px !important; } .search-page .wp-block-query-pagination { gap: 35px; justify-content: center; align-items: center; /* text-align: center; */ display: flex; flex-direction: column; } .service-icon{ position: unset !important; margin-top: 25px; } .wp-block-group.cctv_blog_sec .gutentor-post-item .gutentor-post-button { margin-left: 0 !important; } .wp-block-column.latest_left_col .wp-block-stackable-carousel .wp-block-stackable-column div.stk-block-content { align-items: center !important; } .cctv_latest_sec .latest_right_col .wp-block-cover__inner-container { top: unset !important } .wp-block-cover.cctv_testimonial_sec { padding-bottom: 9rem !important; } .wp-block-group.cctv_project_sec .wp-block-cover { padding-bottom: 7rem !important; } .import-export-company-pro-header-banner .wp-block-cover{padding-top:300px !important;} } @media(min-width: 600px) and (max-width: 799px){ .import-export-company-pro-header .wp-block-navigation__submenu-container {right:-1px !important; left:auto !important;} } @media(max-width: 600px){ .banner-head h2 , .banner-inner-sub-head p , .banner-innner-detail p{ text-align: center; } .admin-bar .sticky { top: 0 !important } } @media(max-width: 599px){ .import-export-company-pro-menu {position:relative; right:0px; top:-25px;} .import-export-company-pro-menu .wp-block-navigation ul{display: block !important; width: 100%; text-align: right; min-width:310px !important; padding-left:5px !important;} .wp-block-navigation__submenu-container li {padding-right:0px !important;} .import-export-company-pro-menu .wp-block-navigation ul li{display:block !important; border-bottom:solid 1px #ccc; margin-bottom:0px; padding:15px 0px; padding-right:25px;} .import-export-company-pro-menu .wp-block-navigation__submenu-container {padding-right:0px !important;} .import-export-company-pro-menu .wp-block-navigation ul li a{ line-height:normal !important;} .import-export-company-pro-menu .wp-block-navigation__submenu-container li a{ text-align:right; display:inherit !important;} .import-export-company-pro-menu .wp-block-navigation__submenu-container{ padding-top:20px !important;} .import-export-company-pro-menu .wp-block-navigation__submenu-container li {border:none !important;} .import-export-company-pro-menu .wp-block-navigation__responsive-container-open:hover {background:none;} .import-export-company-pro-menu .wp-block-navigation__responsive-container-open svg{width:35px; height:35px;} .import-export-company-pro-menu .wp-block-navigation.items-justified-right{ padding-top:0px;} .import-export-company-pro-menu .current-menu-item a, .import-export-company-pro-menu li a:hover {color:#5BAAEC !important; background:none !important;} .import-export-company-pro-menu .is-layout-constrained {padding:5px !important;} } /* *-*-*-*-*-*-*-*-*-* New CSS *-*-*-*-*-*-*-*-*-*-*-* */ body .wp-site-blocks{ overflow: hidden; } .wpcf7 form .wpcf7-response-output{ margin: 0; } /* *-*-*-*-*-*-*-*-*- Slider Section *-*-*-*-*-*-*-*-*-*-*-* */ .banner-line svg rect { transform-origin: center; transform-box: fill-box; animation: pulseLine 2s ease-in-out infinite; } /* Smooth grow/shrink animation */ @keyframes pulseLine { 0%, 100% { transform: scaleX(0.1); } 50% { transform: scaleX(1.4); } } .banner-head h2 { background-image: linear-gradient( -225deg, #F4942C 0%, #FFFFFF 29%, #F4942C 67%, #FFFFFF 100% ); background-size: auto auto; background-clip: border-box; background-size: 200% auto; color: #fff; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; display: inline-block; } @keyframes textclip { to { background-position: 200% center; } } .banner-inner-img-col { position: relative; overflow: hidden; /* border-radius: 15px; */ transition: all 0.6s ease; } .banner-inner-img-col img { width: 100%; height: auto; display: block; transition: all 0.6s ease; /* border-radius: 15px; */ } /* Glowing holographic overlay */ .banner-inner-img-col::before { content: ''; position: absolute; top: -75%; left: -75%; width: 200%; height: 200%; background: linear-gradient( 115deg, transparent 0%, #F4942C 45%, rgba(255, 255, 255, 0.6) 50%, #F4942C 55%, transparent 100% ); opacity: 0; transform: translateY(-100%) rotate(25deg); transition: opacity 0.4s ease; pointer-events: none; } /* Hover effect */ .banner-inner-img-col:hover { transform: scale(1.03); box-shadow: 0 0 25px #F4942C; } .banner-inner-img-col:hover::before { opacity: 1; animation: holographicSweep 1.2s linear forwards; } .banner-first-img { position: relative; display: inline-block; overflow: hidden; /* border-radius: 15px; */ transition: all 0.5s ease; } .banner-first-img img { width: 100%; height: auto !important; display: block; /* border-radius: 15px; */ transition: all 0.6s ease; } /* Holographic light effect */ .banner-first-img::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient( 0deg, transparent, transparent 30%, #F4942C, transparent 70%, transparent ); transform: rotate(-45deg) translateY(-100%); /* transition: opacity 0.3s ease; */ opacity: 0; pointer-events: none; z-index: 9; transition: opacity 0.4s ease; } /* Hover effect with sweep animation */ .banner-first-img:hover { transform: scale(1.03); box-shadow: 0 0 20px #F4942C; transition: all 0.6s ease !important; } .banner-first-img:hover::before { opacity: 1; animation: holographicSweep 1.2s linear forwards; } /* The sweeping motion */ @keyframes holographicSweep { from { transform: rotate(-45deg) translateY(-100%); } to { transform: rotate(-45deg) translateY(100%); } } .banner-main-col{ gap: 35px; } /* .banner-innner-detail{ display: flex; flex-direction: column; justify-content: space-between; } */ /* .banner-inner-sub-head { display: flex; flex-direction: column; justify-content: space-between; } */ .banner-line { width: 80%; } .banner-line span { width: 100%; } .banner-line div { width: 100%; } .banner-line div svg { width: 100%; display: block; } .wp-block-column.slider_left_col h1 { position: relative; transition: transform 1s ease-in-out; } .wp-block-group.cctv_slider_sec:hover .wp-block-column.slider_left_col h1 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } .slide-content .wp-block-cover__background { transition: filter 1s ease-in-out; } .wp-block-group.cctv_slider_sec:hover .slide-content .wp-block-cover__background { filter: contrast(0.7); } .wp-block-group.cctv_second_sec .wp-block-stackable-carousel.slider .wp-block-stackable-column { transition: background-color 0.5s ease-in-out; } .wp-block-group.cctv_second_sec .wp-block-stackable-carousel.slider .wp-block-stackable-column:hover { background-color: #c3fffffc !important; } .wp-block-group.cctv_second_sec .wp-block-stackable-carousel.slider .wp-block-stackable-column:hover .wp-block-stackable-image { animation: bounce 1s ease-in-out; filter: brightness(0.1); } .cctv_slider_sec .slide-content{ padding: 0 !important; } .cctv_slider_sec .slider-small-title a, .slider_right_col .gutentor-post-content .gutentor-button{ background: #b9b9b94d !important; } section.cctv_slider_sec{ position: relative; z-index: 0; margin-top: -90px !important; } .cctv_slider_sec button.eedee-gutenslider-nav{ background-color: #FFFFFF !important; width: 50px; height: 50px; left: 0 !important; margin-left: 80px; border-radius: 5px; } .cctv_slider_sec button.eedee-gutenslider-next { top: 60% !important; } .cctv_slider_sec button.eedee-gutenslider-nav:hover{ background-color: #0D3D4B !important; } .cctv_slider_sec button.eedee-gutenslider-nav:hover svg path{ fill: #fff !important; } .cctv_slider_sec button.eedee-gutenslider-nav svg path { fill: #366E6D !important; } .cctv_slider_sec .wp-block-cover{ width: 100%; height: 100%; min-height: 100%; } .wp-block-columns.slider_row .wp-block-column.blank .wp-block-stackable-image { transform: scale(1.1) translate(3rem, -1.5rem); transition: transform 1s ease-in-out; } .eedee-gutenslider-nav.eedee-gutenslider-prev { top: 68% !important; } /* *-*-*-*-*-*-*-*-*- Second Section *-*-*-*-*-*-*-*-*-*-*-* */ section.cctv_second_sec{ position: relative; margin-top: -90px; z-index: 1; } .cctv_second_sec .stk-block-carousel__slider{ padding: 10px; } .cctv_second_sec .stk-column{ box-shadow: 0px 3px 8px #00000029; } /* *-*-*-*-*-*-*-*-*- About Us Section *-*-*-*-*-*-*-*-*-*-*-* */ .about-us-list p{ font-size: 18px !important; font-family: 'Outfit' !important; font-weight: 300 !important; color: #0D3D4B !important; } .wp-block-group.cctv_about_us_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } section.cctv_about_us_sec{ margin: 5% auto; z-index: 0; } .cctv_service_sec , .cctv_counter_sec , .cctv_project_sec , .cctv_latest_sec , .cctv_team_sec , .cctv_testimonial_sec , .cctv_brand_sec , .cctv_blog_sec{ z-index: 0; } .list-indicator-image .gutentor-image-thumb { width: auto !important; height: auto !important; } .cctv_about_us_sec .video_row{ width: 70%; margin-left: auto; height: 100px; } .cctv_second_sec .stk-block-carousel__slider h6 { font-family: Outfit, monospace; font-size: 30px; color: #000 !important; font-weight: 600; margin-top: 20px; } .cctv_about_us_sec .video_row .gutentor-video-popup{ height: 100px; } .cctv_about_us_sec .video_row .video_content h6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-family: 'Outfit' !important; } .cctv_service_sec .slick-arrow:hover, .cctv_project_sec .slick-arrow:hover, .cctv_team_sec .slick-arrow:hover, .cctv_blog_sec .slick-arrow:hover { background-color: #F4942C !important; } .cctv_service_sec .slick-arrow:hover i, .cctv_project_sec .slick-arrow:hover i, .cctv_team_sec .slick-arrow:hover i, .cctv_blog_sec .slick-arrow:hover i { color: #FFFFFF !important; } .services-slider span.slick-prev.slick-arrow , .services-slider span.slick-next.slick-arrow{ border-radius: 0px !important; } .gutentor-slick-arrows i { color: #FFFFFF !important; } .cctv_about_us_sec .wp-block-cover__inner-container{ position: absolute; bottom: 15px; right: 15px; z-index: 0; } .about_right_col ul li{ padding: 0; } .about_right_col ul li span{ align-items: center; } .about_right_col ul { z-index: 1 !important; } .about_right_col .customer_row{ width: max-content; justify-content: center; margin: 30px 0px; box-shadow: 0px 0px 20px #0000003b; border-radius: 15px; } .cctv_about_us_sec .video_title h6{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-family: 'Outfit' !important; color: #0D3D4B !important; font-weight: 400 !important; } .video_content h6{ font-family: 'Outfit' !important; color: #0D3D4B !important; font-weight: 300 !important; } /* *-*-*-*-*-*-*-*-Inner Services Section -*-*-*-*-*-*-*-*- */ body:not(.home) .cctv_service_sec article{ border-radius: 10px; } body:not(.home) .cctv_service_sec{ padding-top: 5rem; } .service-icon{ display: flex; gap: 10px; width: fit-content; position: absolute; top: 0; right: 0; align-items: center; justify-content: center; } /* *-*-*-*-*-*-*-*- Services Section -*-*-*-*-*-*-*-*- */ .service-icon-one , .service-icon-two , .project-icon-one , .project-icon-two{ height: 50px; max-width: 55px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .services-slider .gptm-bg-image { min-height: 500px; border-radius: 10px; } .wp-block-group.cctv_service_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } .cctv_service_sec .grid-container{ padding: 0 !important; max-width: 100%; } .cctv_service_sec .gutentor-post-desc{ margin-bottom: 0px !important; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #FFFFFF !important; font-family: 'Outfit' !important; } .cctv_service_sec .gutentor-post-content { padding: 20px 20px 20px 20px; } .cctv_service_sec article .gutentor-post-title a{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #FFFFFF !important; font-family: 'Outfit' !important; font-size: 24px; font-weight: 500; } .wp-block-group.cctv_service_sec .wp-block-cover { overflow: visible; } .wp-block-group.cctv_service_sec .gutentor-post-item:hover h3.gutentor-post-title a { color: #376F6E !important; } .wp-block-group.cctv_service_sec .gutentor-post-item .gptm-bg-image { transition: background-position 1s ease-out; } .wp-block-group.cctv_service_sec .gutentor-post-item:hover .gptm-bg-image { background-position: 100% 100% !important; } .wp-block-group.cctv_service_sec .gutentor-post-item .gptm-bg-image::after { transition: background-image 1s ease-in-out; border-radius: 10px; } .wp-block-group.cctv_service_sec .gutentor-post-item:hover .gptm-bg-image::after { background-image: linear-gradient(0deg, rgb(0, 0, 0) 0, #0D3D4B91 100%) !important; } /* *-*-*-*-*-*-*-*- Counter Section -*-*-*-*-*-*-*-*- */ .wp-block-cover.cctv_counter_sec .wp-block-stackable-column:hover figure { filter: brightness(0.1); animation: 0.8s bounce ease-in-out; } .cctv_counter_sec .wp-block-image{ width: 30%; height: 80px; } .cctv_counter_sec .content{ width: 70%; } /* *-*-*-*-*-*-*-*- Projects Section -*-*-*-*-*-*-*-*- */ .project-icon { display: flex; width: fit-content; gap: 10px; justify-content: center; } .cctv_project_sec .slick-track .gutentor-button{ display: none; } .wp-block-group.cctv_project_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } .cctv_project_sec .gutentor-slick-arrows{ left: 0 !important; right: 0 !important; justify-content: center; bottom: -70px !important; } .cctv_project_sec .gutentor-post .gutentor-post-item{ position: relative; height: 100%; } .cctv_project_sec .gutentor-post:hover .gutentor-post-image-box{ background-color: #0D3D4B; } .cctv_project_sec .gutentor-post:hover .gutentor-image-thumb{ opacity: 0.4; } .cctv_project_sec .gutentor-post:hover .gutentor-post-content{ position: absolute; top: 53%; transform: translate(0, -50%); width: 100%; left: 0; background-color: transparent; padding: 0px 15px; } .cctv_project_sec .gutentor-post:hover .gutentor-post-title a{ color: #ffffff !important; font-size: 22px !important; font-weight: 600 !important; text-align: center; } .cctv_project_sec .gutentor-post:hover .gutentor-post-desc{ color: #ffffff !important; font-size: 16px !important; font-weight: 400 !important; text-align: center; } .cctv_project_sec .gutentor-post:hover .gutentor-button { display: block; width: 40%; margin: 0 auto; background: #F4942C; color: #ffffff; padding: 15px 10px; border-radius: 5px; font-size: 16px; font-weight: 600; } .cctv_project_sec .gutentor-post:hover .gutentor-button:hover { background: #FFFFFF; color: #F4942C; } .cctv_project_sec .gutentor-post-content { position: absolute; bottom: 10px; width: 100%; left: 0; background-color: #ffffff; padding: 0px 15px; /* margin-bottom: 0px; */ /* padding-top: 15px !important; */ } .cctv_project_sec .gutentor-post-desc{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 16px !important; font-weight: 400 !important; color: #0D3D4B !important; font-family: 'Outfit' !important; } .cctv_project_sec .gutentor-image-thumb img{ width: 100%; height: 100%; } .cctv_project_sec .gutentor-post{ height: 100%; /* box-shadow: 0px 1px 6px 0px #00000040; */ padding: 10px 10px; } .cctv_team_sec .gutentor-post-image-box{ margin-bottom: 0px; } .cctv_project_sec .gutentor-post-image-box, .cctv_project_sec .gutentor-post-image-box .gutentor-image-thumb{ height: 100%; /* margin-bottom: 0px; */ } .cctv_project_sec .grid-container{ position: relative; } .cctv_project_sec .gutentor-slick-arrows{ position: absolute; } .cctv_project_sec .gutentor-post-title a{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-family: 'Outfit' !important; font-size: 22px !important; font-weight: 600 !important; color: #0D3D4B !important; /* padding: 10px; */ } .wp-block-group.cctv_blog_sec .gutentor-post-item .gutentor-post-button { margin-left: 15px; margin-top: 15px; color: #fff; background: #0D3D4B; padding: 10px 15px; border-radius: 5px; font-size: 16px; font-family: 'Outfit'; font-weight: 600; } .wp-block-group.cctv_blog_sec .gutentor-post-item .gutentor-post-button:hover { background: #F4942C; } /* *-*-*-*-*-*-*-*- Latest Section -*-*-*-*-*-*-*-*- */ .wp-block-cover.cctv_latest_sec:hover .latest_left_col .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } .gutentor-element-advanced-text.contact-lat-tel-num a { text-decoration: unset !important; } .gutentor-element-advanced-text.contact-lat-tel-num a p { margin-bottom: 30px !important; font-family: 'Inter'; font-weight: 700; font-size: 40px; color: #FFFFFF; text-align: center; } .gutentor-element-advanced-text.contact-lat-tel-num a:hover p { color: #fff; } .wp-block-column.latest_left_col .wp-block-stackable-column { transition: 0.5s ease-in-out; } .wp-block-column.latest_left_col .wp-block-stackable-column:hover { border-radius: 5px !important; background-color: #bcebeb70; } .wp-block-column.latest_left_col .wp-block-stackable-column:hover .wp-block-image { animation: bounce 0.8s ease-in-out; filter: brightness(0.1); } .wp-block-cover.cctv_latest_sec .wp-block-column.latest_right_col span.wp-block-cover__background { transition: 0.8s ease-in-out; } .wp-block-cover.cctv_latest_sec:hover .wp-block-column.latest_right_col span.wp-block-cover__background { background-color: #8e9d9d !important; } .cctv_latest_sec .wp-block-cover__inner-container{ position: relative; } .cctv_latest_sec .cctv_home_contact_row{ position: absolute; top: 0; width: 100%; right: 0; height: 100%; margin: 0; } .cctv_latest_sec .cctv_home_contact_row .wp-block-cover{ height: 100%; } .cctv_latest_sec .latest_right_col .wp-block-cover__inner-container{ position: absolute; /* top: 100px; */ left: 0; padding: 10px; } .cctv_latest_sec .latest_right_col figure{ margin: 0 auto; } .cctv_latest_sec .blank{ visibility: hidden; } .cctv_latest_sec .wp-block-stackable-carousel figure{ height: 70px; width: 70px; } .cctv_latest_sec .stk-block-carousel__slider .stk-block-heading__text{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } /* *-*-*-*-*-*-*-*- Team Section -*-*-*-*-*-*-*-*- */ .cctv_team_sec .gutentor-post-title{ color: #0D3D4B !important; font-size: 30px !important; font-family: 'Outfit' !important; font-weight: 600 !important; } .cctv_team_sec .gutentor-post-desc{ color: #0D3D4B !important; font-size: 18px !important; font-family: 'Outfit' !important; font-weight: 400 !important; } .wp-block-group.cctv_team_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } .cctv_team_sec a:hover{ color: #0D3D4B; } .cctv_team_sec .grid-container .gutentor-post-content { /* border: 1px solid #0D3D4B4D; */ border-top: 0px; box-shadow: 0px 2px 6px #00000021; transition: 0.8s ease-in-out; /* padding: 15px 0px !important; */ } .wp-block-group.cctv_team_sec .gutentor-post-item:hover .gutentor-post-content { background-color: #0D3D4B94; } .wp-block-group.cctv_team_sec .gutentor-post-item:hover .gutentor-post-content .gutentor-post-title a { font-family: 'Outfit' !important; animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } .wp-block-group.cctv_team_sec .gutentor-post-item:hover .gutentor-image-thumb img { transform: scale(1); } .wp-block-group.cctv_team_sec .wp-block-cover { overflow: visible; } .wp-block-group.cctv_team_sec .gutentor-post-item .gutentor-image-thumb img { transform: scale(1.1); transition: transform 1s ease-in-out; } .cctv_team_sec .gutentor-slick-arrows { left: 0 !important; right: 0 !important; justify-content: center !important; bottom: -70px !important; /* Corrección: Ocultar visualmente sin romper el funcionamiento del script */ visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; height: 0 !important; width: 0 !important; overflow: hidden !important; } .cctv_team_sec .gutentor-image-thumb{ height: 450px; } .cctv_team_sec .gutentor-image-thumb img{ height: 100%; width: 100%; } /* *-*-*-*-*-*-*-*- Testimonial Section -*-*-*-*-*-*-*-*- */ .wp-block-cover.cctv_testimonial_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } .wp-block-stackable-carousel.testimonial_slider .wp-block-stackable-column { overflow: visible !important; } .wp-block-stackable-carousel.testimonial_slider .wp-block-stackable-column:hover .wp-block-image.testimonial_img { animation: pulse 0.8s ease-in-out infinite; } .wp-block-stackable-carousel.testimonial_slider .wp-block-stackable-column:hover .stk-block-content::after { animation: shake 5s ease-in-out infinite; } .cctv_testimonial_sec .stk-block-carousel__buttons{ align-items: end; position: absolute; bottom: -95px; } .cctv_testimonial_sec .testimonial_slider figure{ width: 55px; height: 55px; } .cctv_testimonial_sec .testimonial_slider figure img{ width: 100%; height: 100%; border: 1px solid #0D3D4B; } .cctv_testimonial_sec .testimonial_slider .stk-block-carousel__slider{ padding-top: 40px; padding: 40px 5px 5px 5px; } .cctv_testimonial_sec .testimonial_slider .stk-block-column .stk-block-content, .cctv_testimonial_sec .testimonial_slider .stk-column{ position: relative; } .cctv_testimonial_sec .testimonial_slider .stk-block-content figure{ position: absolute; top: -70px; left: 0; } .cctv_testimonial_sec .testimonial_slider .stk-block-column .stk-block-content::after { content: '\f10d'; position: absolute; top: -70px; right: 0; background-color: #fff; width: 55px; height: 55px; color: #0D3D4B; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50px; } .cctv_testimonial_sec .stk-block-carousel__button:hover { background-color: #000000 !important; } .cctv_testimonial_sec .stk-block-carousel__button:hover path{ color: #0D3D4B !important; } .wp-block-stackable-carousel.testimonial_slider .stk-block-carousel__buttons button svg path { color: #0D3D4B !important; } /* *-*-*-*-*-*-*-*- Brands Section -*-*-*-*-*-*-*-*- */ .cctv_brand_sec .stk-block-column figure{ margin: 0 auto; } .cctv_brand_sec .stk-block-column figure img{ width: fit-content; height: 100%; } .cctv_brand_sec.wp-block-group{ margin: 5% auto; } .wp-block-group.cctv_brand_sec .wp-block-stackable-carousel /* *-*-*-*-*-*-*-*- Blog Section -*-*-*-*-*-*-*-*- */ .wp-block-group.cctv_blog_sec:hover .wp-block-stackable-heading h3 { animation: text3DAnimation 1s ease-in-out forwards !important; transition: transform 1s ease-in-out !important; } .cctv_blog_sec .gutentor-post-item{ background: #ffffff !important; } .cctv_blog_sec article { /* border: 1px solid #0D3D4B4D; */ } .cctv_blog_sec .slick-track .gutentor-entry-meta-primary { font-weight: 300; font-size: 15px; position: absolute; top: 10px; right: 10px; text-align: end; z-index: 2; color: #ffff; font-family: 'Outfit' !important; } .cctv_blog_sec .slick-track .gutentor-post-item{ position: relative; background: #ffffff !important; } .cctv_blog_sec .gutentor-entry-meta-secondary i{ color: #0D3D4B !important; margin-right: 10px !important; } .cctv_blog_sec article .gutentor-entry-meta-secondary { /* padding: 15px; */ /* margin-bottom: 0px; */ display: flex; justify-content: space-between; } .cctv_blog_sec .comments-link i { color: #F4942C !important; } .cctv_blog_sec article .gutentor-entry-meta-secondary .author.vcard , .cctv_blog_sec article .gutentor-entry-meta-secondary .author.vcard a{ color: #0D3D4B; font-size: 15px; font-family: 'Outfit'; font-weight: 300; } .cctv_blog_sec .gutentor-post-title a{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #0D3D4B; font-size: 22px !important; font-family: 'Outfit' !important; font-weight: 500 !important; /* padding: 15px; */ /* margin-bottom: 0px; */ } .cctv_blog_sec .gutentor-image-thumb{ width: 100%; height: 300px; } .cctv_blog_sec .gutentor-image-thumb img{ object-fit: cover; height: 100%; } .wp-block-group.cctv_blog_sec article .gutentor-post-item .gutentor-entry-meta-primary { background-color: #F4942C; padding: 10px 15px; } .wp-block-group.cctv_blog_sec article .gutentor-post-item .gutentor-entry-meta-primary a { font-family: 'Outfit'; font-size: 15px; font-weight: 300; } .wp-block-group.cctv_blog_sec article .gutentor-post-item .gutentor-image-thumb img { transition: 1s transform ease-in-out; } .wp-block-group.cctv_blog_sec article:hover .gutentor-post-item .gutentor-image-thumb img { transform: scale(1.2); } .cctv_blog_sec .gutentor-post-desc{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #0D3D4B; font-size: 15px !important; font-weight: 300 !important; font-family: 'Outfit' !important; padding:0px 10px; } .cctv_counter_sec .container { animation: fadeInLeft; animation-duration: 3s; --animate-delay: 1s; } .spinner-loading-box{ background: #366E6D; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } /* MULTI SPINNER */ /* .multi-spinner-container { width: 150px; height: 150px; position: relative; margin: 30px auto; overflow: hidden; } div#mtsnb-86 { z-index: 1 !important; } .multi-spinner { position: absolute; width: calc(100% - 9.9px); height: calc(100% - 9.9px); border: 5px solid transparent; border-top-color: #fff; border-radius: 50%; -webkit-animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite; animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite; } */ /* HTML:
*/ .multi-spinner-container { width: 90px; height: 14px; box-shadow: 0 3px 0 #fff; position: relative; clip-path: inset(-40px 0 -5px); margin: 30px auto; } .multi-spinner-container:before { content: ""; position: absolute; inset: auto calc(50% - 17px) 0; height: 50px; --g:no-repeat linear-gradient(#ccc 0 0); background: var(--g),var(--g),var(--g),var(--g); background-size: 16px 14px; animation: l7-1 2s infinite linear, l7-2 2s infinite linear; } @keyframes l7-1 { 0%, 100% {background-position: 0 -50px,100% -50px} 17.5% {background-position: 0 100%,100% -50px,0 -50px,100% -50px} 35% {background-position: 0 100%,100% 100% ,0 -50px,100% -50px} 52.5% {background-position: 0 100%,100% 100% ,0 calc(100% - 16px),100% -50px} 70%, 98% {background-position: 0 100%,100% 100% ,0 calc(100% - 16px),100% calc(100% - 16px)} } @keyframes l7-2 { 0%,70% {transform:translate(0)} 100% {transform:translate(200%)} } /* ------------- Animations Media------------- */ @media screen and (max-width:1920px) and (min-width: 768px) { /* .banner-first-img.animate__backInLeft { animation: backInLeft; animation-duration: 3s; --animate-delay: 0s; } */ /* .banner-head.animate__backInLeft{ animation: backInLeft; animation-duration: 5s; --animate-delay: 0s; } */ .banner-innner-detail.animate__slideInRight { animation: slideInRight; animation-duration: 2s; --animate-delay: 0s; } .banner-inner-sub-head.animate__slideInUp { animation: slideInUp; animation-duration: 2s; --animate-delay: 0s; } .banner-inner-img-col.animate__slideInLeft { animation: slideInLeft; animation-duration: 2s; --animate-delay: 0s; } .banner-first-img.animate__bounceInDown { animation: bounceInDown; animation-duration: 2s; --animate-delay: 0s; } .blog-carousel.animate__bounceInDown { animation: bounceInDown; animation-duration: 3s; --animate-delay: 0s; } .banner-head.animate__zoomInLeft { animation: zoomInLeft; animation-duration: 2s; --animate-delay: 0s; } .slider.brands-slider.animate__zoomInLeft { animation: zoomInLeft; animation-duration: 2s; --animate-delay: 0s; } .wp-block-group.cctv_brand_sec .wp-block-stackable-carousel.brands-slider .wp-block-stackable-column { overflow: visible; } .testimonial_slider.animate__bounceInUp { animation: bounceInUp; animation-duration: 2s; --animate-delay: 0s; } .latest-contact-left.animate__slideInLeft { animation: slideInLeft; animation-duration: 1s; --animate-delay: 0s; } .cctv_home_contact_row.animate__slideInUp { animation: slideInUp; animation-duration: 2s; --animate-delay: 0s; } .project_icon.animate__slideInLeft, .project-small-text.animate__slideInLeft { animation: slideInLeft; animation-duration: 1.5s; --animate-delay: 0s; } .project-main-head.animate__slideInRight { animation: slideInRight; animation-duration: 1.5s; --animate-delay: 0s; } .counter_slider.animate__bounceInUp { animation: bounceInUp; animation-duration: 1.5s; --animate-delay: 0s; } .service_icon.animate__fadeInLeft { animation: fadeInLeft; animation-duration: 1.5s; --animate-delay: 0s; } .text-service-main.animate__fadeInLeft { animation: fadeInLeft; animation-duration: 2s; --animate-delay: 0s; } .service-small-text.animate__fadeInLeft { animation: fadeInLeft; animation-duration: 2.5s; --animate-delay: 0s; } .services-slider.animate__zoomInRight { animation: zoomInRight; animation-duration: 1.5s; --animate-delay: 0s; } .about_left_col.animate__zoomInDown { animation: zoomInDown; animation-duration: 2s; --animate-delay: 0s; } .about_right_col.animate__zoomInUp { animation: zoomInUp; animation-duration: 2s; --animate-delay: 0s; } .one-second-slide.animate__slideInDown { animation: slideInDown; animation-duration: 2s; --animate-delay: 0s; } .two-second-slide.animate__slideInDown { animation: slideInDown; animation-duration: 2.5s; --animate-delay: 0s; } .three-second-slide.animate__slideInDown { animation: slideInDown; animation-duration: 3s; --animate-delay: 0s; } .psychotherapy-header-sec nav ul li.has-child:hover ul { animation: zoomIn 0.3s ease-in-out; } .psychotherapy-header-sec nav ul li.has-child ul li a { transition: 0.5s ease-in-out; } .psychotherapy-header-sec nav ul li.has-child ul li:hover a { padding-left: 30px; background-color: #0D3D4B; } .slider_left_col.animate__zoomInLeft { animation: zoomInLeft; animation-duration: 2s; --animate-delay: 0s; } .blank.animate__tada { animation: fadeInDown; animation-duration: 2s; --animate-delay: 0s; } } @keyframes text3DAnimation { 0% { text-shadow: none; transform: unset; } 100% { text-shadow: 0 1px 0 rgb(190,190,190), 0 2px 0 rgb(185,185,185), 0 3px 0 rgb(180,180,180), 0 4px 0 rgb(175,175,175), 0 5px 0 rgb(170,170,170), 0 6px 0 rgb(165,165,165), 0 7px 0 rgb(160,160,160), 0 8px 0 rgb(155,155,155), 0 9px 0 rgb(150,150,150), 0 1px 5px rgba(0,0,0,.05), 0 5px 5px rgba(0,0,0,.10), 0 10px 10px rgba(0,0,0,.15), 0 15px 10px rgba(0,0,0,.20), 0 20px 15px rgba(0,0,0,.25); transform: translate(-1%, -1%); } } .wp-block-group.cctv_slider_sec:hover .wp-block-column.blank .wp-block-stackable-image { transform: scale(1.15) translate(2rem, -1.5rem); } .slick-track { padding-bottom: 20px; } .social-icon .wp-block-stackable-icon-button:hover{ transform:scale(1.5); } /* --- CONTROL GLOBAL DE MENÚS (HEADER Y FOOTER) --- */ /* Da formato a los enlaces de los menús en el header y en el footer */ /* 1. Cambio de color a naranja en TODA la web */ .wp-block-navigation-item__content:hover, .wp-block-navigation-item__content:hover span, header .wp-block-navigation-item__content:hover, footer a:hover, .site-footer a:hover { color: #f39200 !important; text-decoration: none !important; opacity: 1 !important; } /* 2. Suavizado de la transición para todos los enlaces de navegación */ .wp-block-navigation-item__content, .site-footer a { transition: color 0.3s ease !important; } /* 3. Asegurar color blanco base en el footer (opcional) */ footer .wp-block-navigation-item__content { color: #ffffff; } /* ========================================================================== 1. Tarjeta flotante con los datos del curso (precio, alumnos, etc. CONFIGURACIÓN PARA COMPUTADORAS (Escritorio) ========================================================================== */ @media (min-width: 768px) { /* Bloque Lateral Fijo */ .lp-block-course-sidebar.is-position-sticky { position: -webkit-sticky !important; position: sticky !important; top: 200px !important; z-index: 10 !important; align-self: flex-start !important; width: 100% !important; display: block !important; } /* Ocultamos la barra flotante en PC */ .boton-flotante-movil { display: none !important; } } /* ========================================================================== 2. Tarjeta flotante con los datos del curso (precio, alumnos, etc. CONFIGURACIÓN PARA MÓVILES ========================================================================== */ @media (max-width: 767px) { /* OCULTAMOS el bloque lateral original para que no aparezca arriba ni abajo */ /* Así evitamos duplicidad con la barra flotante */ .lp-block-course-sidebar { display: none !important; } /* BARRA FLOTANTE INFERIOR */ .boton-flotante-movil { display: flex !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; background-color: #ffffff !important; padding: 15px 20px !important; box-shadow: 0 -2px 15px rgba(0,0,0,0.15) !important; z-index: 9999 !important; justify-content: space-between !important; align-items: center !important; border-top: 1px solid #eee !important; } /* Ajustes de texto y botón dentro de la barra */ .boton-flotante-movil .lp-course-price, .boton-flotante-movil p { margin: 0 !important; font-weight: bold !important; font-size: 18px !important; color: #333 !important; } .boton-flotante-movil button, .boton-flotante-movil a.lp-button { padding: 10px 20px !important; margin: 0 !important; text-decoration: none !important; } /* Espacio al final de la página para que la barra no tape el footer */ body { padding-bottom: 90px !important; } } /* 1. Ajuste para la columna de contenido (PC) */ @media (min-width: 768px) { /*Buscamos la primera columna (donde está el texto) */ .wp-block-columns .wp-block-column:first-child { padding-left: 0px !important; /*padding-left: 40px !important; rayito */ padding-right: 0px !important; /*padding-right: 40px !important; rayito*/ } } /* 2. Ajuste para la columna de contenido (Móvil) */ @media (max-width: 767px) { .wp-block-columns .wp-block-column:first-child { padding-left: 20px !important; padding-right: 20px !important; } /* Aseguramos que los párrafos no toquen el borde */ .wp-block-column p, .wp-block-column ul, .wp-block-column h1, .wp-block-column h2 { padding-left: 10px !important; padding-right: 10px !important; } } /* 3. Limpieza de márgenes negativos (algunos temas los usan y pegan el texto al borde) */ .wp-block-column { margin-left: 0 !important; margin-right: 0 !important; } /*Test botones cursos stack/grid*/ /* --- AJUSTE DE CENTRADO PARA MODO LISTA --- */ /* --- AJUSTE DE ANCHO Y DESPLAZAMIENTO --- */ /* --- NUEVA ESTRUCTURA COMPATIBLE CON PERSISTENCIA --- */ /* ===================================================== VISTA LISTA / MOSAICO — SOLO ESCRITORIO (dejar móvil al layout nativo de LearnPress) ===================================================== */ @media (min-width: 768px) { /*Test botones cursos stack/grid*/ /* --- AJUSTE DE CENTRADO PARA MODO LISTA --- */ /* --- AJUSTE DE ANCHO Y DESPLAZAMIENTO --- */ /* --- NUEVA ESTRUCTURA COMPATIBLE CON PERSISTENCIA --- */ body.viviendo-en-stack .learn-press-courses { display: flex !important; flex-direction: column !important; gap: 30px !important; max-width: 750px !important; width: 100% !important; margin-left: 350px !important; margin-right: 0 !important; } body.viviendo-en-stack .learn-press-courses .course { display: flex !important; flex-direction: row !important; width: 100% !important; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); border: 1px solid #f0f0f0; overflow: hidden; align-items: stretch !important; } body.viviendo-en-stack .course .wp-block-learnpress-course-image { width: 320px !important; min-width: 320px !important; flex: 0 0 320px !important; } body.viviendo-en-stack .course .wp-block-learnpress-course-item-template { padding: 35px !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } .learn-press-courses { transition: opacity 0.3s ease-in-out; } .course-button-read-more, .lp-course-buttons { margin-top: auto !important; } body .learn-press-courses.layout-stack .course .lp-button { width: fit-content !important; padding: 10px 40px !important; } body.viviendo-en-grid #grid-trigger { background-color: #d35400 !important; transform: scale(0.95); } body.viviendo-en-stack #stack-trigger { background-color: #d35400 !important; transform: scale(0.95); } #grid-trigger, #stack-trigger { transition: all 0.2s ease !important; } body:not(.viviendo-en-stack) #grid-trigger { background-color: #d35400 !important; } } /* ===================================================== ESTILOS GENERALES (APLICAN A TODAS LAS VISTAS) ===================================================== */ label.wp-block-search__label { font-size: 18px !important; color: #000000 !important; } .wp-block-categories-list li { color: #F39200 !important; } .wp-block-categories-list li span, .wp-block-categories-list li a + span { color: #F39200 !important; } .wp-block-categories-list li a:hover { color: #F39200 !important; text-decoration: underline; } /* Ocultar botones MOSAICO/LISTA en móviles*/ @media (max-width: 767px) { .course-view-toggle { display: none !important; } } /* ===================================================== AJUSTE DE PADDING DEL BLOQUE COLUMNS Mobile: 2rem (editor) Desktop: 7rem (CSS) ===================================================== */ @media (min-width: 768px) { .course-columns-wrapper { padding-left: 7rem !important; padding-right: 7rem !important; } } /*---------------------*/ /* Icono buscador */ /* 1. Forzar que el icono de la lupa sea visible */ .wp-block-search__button svg { display: block !important; width: 20px !important; height: 20px !important; fill: #ffffff !important; /* Icono en blanco */ } /* 2. Estilizar el fondo del botón para que sea naranja */ .wp-block-search__button { background-color: #F39200 !important; border: none !important; padding: 10px !important; display: flex !important; align-items: center; justify-content: center; } /* 3. Efecto al pasar el mouse sobre la lupa */ .wp-block-search__button:hover { background-color: #d68100 !important; } /* Woocomece */ /* --- Estructura Unificada de Producto --- */ .summary.entry-summary { display: flex !important; flex-direction: column !important; } /* 1. Título Principal (Azul) */ .product_title.entry-title { order: 1 !important; display: block !important; color: #5d87a1 !important; font-size: 1.4em !important; line-height: 1.2 !important; margin-top: 0px !important; margin-bottom: 8px !important; } /* 2. Subtítulo y Descripción Corta */ .woocommerce-product-details__short-description { order: 2 !important; margin-top: 0px !important; margin-bottom: 15px !important; } /* Estilo para el h3 interno */ .woocommerce-product-details__short-description h3 { color: #000 !important; font-size: 1.3em !important; margin-top: 0px !important; margin-bottom: 8px !important; } /* 3. Precio */ .summary .price { order: 3 !important; margin-bottom: 15px !important; display: block !important; } /* 4. Selector de cantidad y Botón */ .summary .cart { order: 4 !important; margin-bottom: 10px !important; /* Espacio reducido aquí */ display: flex !important; gap: 10px; } /* 5. Categorías (Meta) con separador ajustado */ .product_meta { order: 5 !important; margin-top: 5px !important; /* Espacio mínimo superior */ padding-top: 10px !important; /* Espacio mínimo sobre la línea */ border-top: 1px solid #eee; font-size: 0.85em !important; color: #777 !important; } /* 09-Ene-2026*/ /* 1. Contenedor principal: Alineación perfecta de todos los elementos */ .learn-press-breadcrumb { display: flex !important; align-items: center !important; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; } /* 2. Estilo base para cada ítem de la lista */ .learn-press-breadcrumb li { display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* 3. El separador inyectado (reducido a 5px de espacio) */ li#inyectado-sep { margin: 0 5px !important; /* Espacio antes y después del icono */ display: flex !important; align-items: center !important; user-select: none; } /* 4. Estilo del icono (con ajuste de posición vertical) */ li#inyectado-sep i { font-size: 16px !important; /* Un poco más pequeño que el texto ayuda a que no se vea "pesado" */ color: #3C4043; display: block; line-height: 1; position: relative; top: 0px; /* <--- Esto bajará el icono exactamente 1 píxel. Prueba con 2px si aún lo ves alto */ } /* 5. La categoría activa (Cursos CNC / Manuales) */ li#inyectado-dinamico { color: #f7941d !important; /* Tu naranja corporativo */ font-weight: bold; display: flex !important; align-items: center !important; margin: 0 !important; } /* 6. Estilo de los enlaces (Inicio y Cursos) */ .learn-press-breadcrumb li a { color: #3C4043; /* O el color oscuro de tu tema */ text-decoration: none; transition: color 0.3s; } .learn-press-breadcrumb li a:hover { color: #f7941d !important; text-decoration: underline; } /* 1. Convertir el H1 en el elemento dinámico (SEO OK) */ h1 { display: block !important; text-align: center !important; width: 100% !important; font-size: 48px !important; margin: 5px 0 !important; /* Configuración del degradado naranja del tema */ background-image: linear-gradient(90deg, #ff8502 0%, #ffcc80 50%, #ff8502 100%) !important; background-size: 200% auto !important; /* Recorte de texto para que el color solo se vea en las letras */ -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; /* ACTIVACIÓN DE LA ANIMACIÓN DINÁMICA */ /* Usamos 'infinite' para que nunca pare y 'linear' para que sea fluido */ animation: barrido-dinamico 2s linear infinite !important; } /* 2. Definición del movimiento (Aquí ocurre la magia dinámica) */ @keyframes barrido-dinamico { 0% { background-position: 200% center; } 100% { background-position: 0% center; } } /* 3. Dejar el H2 como texto normal */ h2 { background: none !important; /*color: #ffffff !important; /* Blanco puro */ /*-webkit-text-fill-color: #ffffff !important; /* Asegura que sea blanco en Chrome/Safari */ animation: none !important; font-size: 20px !important; /*text-align: left !important;*/ } /* --- Alineación de Productos Relacionados (Corregidomnas) --- */ /* 1. Reservar espacio para el título sin romper las columnas */ .related.products ul.products li.product h2.woocommerce-loop-product__title, .related.products ul.products li.product h3 { min-height: 75px !important; /* Espacio fijo para el título */ margin-bottom: 15px !important; display: block !important; overflow: hidden; } /* 2. Mantener la imagen con tamaño consistente */ .related.products ul.products li.product img { height: 180px !important; /* Ajusta según tus fotos recortadas */ object-fit: cover !important; margin-bottom: 10px !important; } /* 3. Alinear el precio */ .related.products ul.products li.product .price { display: block !important; min-height: 30px !important; } /* --- Corregir deformación de iconos en lista Acerca de --- */ /* 1. Forzar tamaño exacto del contenedor del icono */ .gutentor-single-item-image-box { width: 30px !important; height: 30px !important; min-width: 30px !important; /* Evita que se encoja */ display: flex !important; align-items: center; justify-content: center; margin-right: 15px !important; } /* 2. Asegurar que la imagen/icono mantenga su proporción */ .gutentor-single-item-image-box img, .gutentor-single-item-image-box span { width: 100% !important; height: auto !important; object-fit: contain !important; } /* 3. Alinear el texto con el icono para que no se encime */ .gutentor-single-item-wrap { display: flex !important; align-items: flex-start !important; /* Alinea al inicio del texto */ margin-bottom: 20px !important; } /* 4. Evitar que el título de la lista se estire */ .gutentor-single-item-title { margin: 0 !important; line-height: 1.4 !important; } /* 1. Eliminar el margen inferior de cada artículo (la caja que envuelve cada link) */ .project_service article.gutentor-post { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* 2. Quitar el espacio del contenedor interno del post */ .project_service .gutentor-post-item { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* 3. Ajustar el margen del H3 y el interlineado del enlace */ .project_service h3.gutentor-post-title { margin-top: 5px !important; margin-bottom: 5px !important; line-height: 1 !important; } /* 4. Forzar que la fila del grid no tenga separación extra (Gap) */ .project_service .grid-row { row-gap: 0 !important; } /* Reduce el tamaño de la fuente de los enlaces en la tarjeta */ .project_service h3.gutentor-post-title a { font-size: 16px !important; /* Ajusta este número (14px o 15px) según tu gusto */ font-weight: 500 !important; /* Opcional: lo hace un poco más delgado si se ve muy tosco */ } /* 1. Subir la tarjeta con un margen negativo más agresivo */ .wp-block-columns.contact-page-row { margin-top: -60px !important; /* Ajusta este número (ej. -80px) hasta que quede donde quieres */ position: relative !important; z-index: 99 !important; } /* 2. Forzar al título a no empujar hacia abajo */ h2.wp-block-heading { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* 3. Eliminar el espacio interno del grupo que contiene todo */ .psychotherapy-contact-page-container { padding-top: 0 !important; } /* 4. Resetear el espacio entre bloques de WordPress (Block Gap) */ .wp-block-group.is-layout-flow > * + * { margin-block-start: 0 !important; } /* Magic CSS: Aplica la fuente Inter y el estilo exacto de los títulos del footer */ .footer_one_row .wp-block-search__label { color: #ffffff !important; font-family: 'Inter', sans-serif !important; /* Fuente oficial de tu tema */ font-size: 20px !important; /* Tamaño ajustado a tus h3/h4 */ font-weight: 700 !important; /* Peso bold igual a Bitácora Maker */ line-height: 1.3 !important; text-transform: none !important; /* Mantener mayúsculas/minúsculas normal */ margin-bottom: 12px !important; display: block; } /* Magic CSS: Une la caja de texto con el botón de búsqueda */ .footer_one_row .wp-block-search__inside-wrapper { gap: 0 !important; /* Elimina el espacio entre input y botón */ display: flex !important; } /* Ajusta los bordes para que parezcan una sola pieza, como en la suscripción */ .footer_one_row .wp-block-search__input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: none !important; /* Elimina la línea divisoria si prefieres que se toquen */ } .footer_one_row .wp-block-search__button { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0 !important; /* Asegura que no haya margen externo */ } /* Ajusta el punto de llegada del anclaje para que no quede tapado o muy arriba */ #curriculum { scroll-margin-top: 150px !important; /* Ajusta este valor (en px) hasta que quede perfecto */ } /* Opcional: Hace que el movimiento sea suave y no un salto brusco */ html { scroll-behavior: smooth; } /*09-Ene-2026*/ /* --- PAGINACIÓN UNIVERSAL EL RAY MAKER (TIENDA, PROYECTOS Y CURSOS) --- */ /* 1. Botones numéricos y estados activos */ .wp-block-query-pagination-numbers a, .wp-block-query-pagination-numbers span, .woocommerce-pagination ul li a, .woocommerce-pagination ul li span, .learnpress-pagination ul.page-numbers li a, .learnpress-pagination ul.page-numbers li span, .page-numbers li a, .page-numbers li span { /* --- NUEVAS LÍNEAS PARA SUBIR LA POSICIÓN --- */ position: relative !important; top: -30px !important; /* Ajusta este número según necesites subirlo más o menos */ /* ------------------------------------------- */ background-color: #f39200 !important; color: #ffffff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 35px !important; height: 35px !important; margin: 0 5px !important; text-decoration: none !important; border-radius: 5px !important; font-weight: bold !important; transition: all 0.3s ease !important; border: none !important; } /* 2. Efecto Hover e ítem actual (Inversión de colores) */ .wp-block-query-pagination-numbers a:hover, .woocommerce-pagination ul li a:hover, .woocommerce-pagination ul li span.current, .learnpress-pagination ul.page-numbers li a:hover, .learnpress-pagination ul.page-numbers li span.current, .page-numbers li a:hover, .page-numbers li span.current { background-color: #ffffff !important; color: #f39200 !important; box-shadow: 0 0 0 2px #f39200 !important; } /* 3.a Subir ligeramente las flechas Siguente/Anterior */ .wp-block-query-pagination-previous, .wp-block-query-pagination-next, .woocommerce-pagination .next, .woocommerce-pagination .prev, .learnpress-pagination .next, .learnpress-pagination .prev, .next.page-numbers, .prev.page-numbers { position: relative !important; top: -30px !important; /* Ajusta este valor (negativo sube, positivo baja) */ /* Tu código anterior */ color: #001F24 !important; text-decoration: none !important; font-weight: 600 !important; margin: 0 10px !important; } /* 4. Contenedores y limpieza de listas */ .wp-block-query-pagination, .woocommerce-pagination, .learnpress-pagination, .pagination { display: flex !important; justify-content: center !important; margin-top: 30px !important; padding: 0 !important; list-style: none !important; } .learnpress-pagination ul.page-numbers, .woocommerce-pagination ul { list-style: none !important; display: flex !important; padding: 0 !important; margin: 0 !important; border: none !important; } /* Fin Paginación */ /* --- COLOR BLANCO PARA ENLACE DE CUENTA --- */ /* Atacamos el span con clase label dentro del bloque de cuenta de WooCommerce */ .wp-block-woocommerce-customer-account a .label { color: #ffffff !important; } /* También aseguramos el color del icono SVG si lo hubiera */ .wp-block-woocommerce-customer-account a svg { fill: #ffffff !important; color: #ffffff !important; } /* Efecto hover para mantener la coherencia con el resto del menú */ .wp-block-woocommerce-customer-account a:hover .label, .wp-block-woocommerce-customer-account a:hover svg { color: #f39200 !important; fill: #f39200 !important; } /* --- CAMBIAR EL FONDO OSCURO CUANDO EL CARRITO SE ABRE --- */ /* Modificamos la capa que cubre la web */ .wc-block-components-drawer__screen-overlay { background-color: rgba(0, 31, 36, 0.4) !important; /* Azul de tu header con 40% de transparencia */ /*backdrop-filter: blur(4px);*/ /* (Opcional) Agrega un ligero desenfoque muy moderno */ } /*Botones de mi carrito*/ /* --- ESTILOS AVANZADOS BOTONES DEL CARRITO --- */ /* 1. ESTADO NORMAL: Unificado para ambos botones */ .wc-block-cart__submit-button, .wp-block-woocommerce-mini-cart-contents .wc-block-components-button, .wp-block-woocommerce-mini-cart-contents .wc-block-components-button.is-secondary { background-color: #f39200 !important; color: #ffffff !important; /* Eliminamos cualquier borde previo y aplicamos el naranja sólido */ border: 2px solid #f39200 !important; outline: none !important; /* Quita bordes de enfoque o contornos extra */ box-shadow: none !important; /* Quita sombras que puedan parecer bordes */ transition: all 0.3s ease !important; text-transform: uppercase; font-weight: bold; text-decoration: none !important; } /* 2. ESTADO HOVER: Fondo blanco, texto naranja y borde naranja */ .wc-block-cart__submit-button:hover, .wp-block-woocommerce-mini-cart-contents .wc-block-components-button:hover, .wp-block-woocommerce-mini-cart-contents .wc-block-components-button.is-secondary:hover { background-color: #ffffff !important; color: #f39200 !important; border: 2px solid #f39200 !important; } /* 3. CORRECCIÓN PARA QUITAR EL EFECTO DE "BORDE BLANCO" INTERNO */ .wp-block-woocommerce-mini-cart-contents .wc-block-components-button.is-secondary { padding: 0.6em 1.2em !important; /* Ajusta si notas que uno es más alto que otro */ } /* 4. EFECTO DE PULSACIÓN */ .wc-block-cart__submit-button:active, .wp-block-woocommerce-mini-cart-contents .wc-block-components-button:active { transform: scale(0.98); } /* --- AGREGAR MXN A LOS PRECIOS DEL CARRITO --- */ /* 1. Añade MXN a los precios individuales de cada producto */ .wc-block-components-product-price .woocommerce-Price-amount::after, .wc-block-components-product-price .wc-block-components-product-price__value::after { content: " MXN"; font-size: 0.85em; /* Un poco más pequeño para que se vea elegante */ margin-left: 0px; } /* 2. Añade MXN al Subtotal al final del carrito */ .wc-block-components-totals-item__value::after { content: " MXN"; font-size: 0.9em; font-weight: bold; margin-left: 0px; } /* 3. Asegurar que el color sea consistente (Negro o gris oscuro según tu diseño) */ .wc-block-components-product-price, .wc-block-components-totals-item__value { color: #000000 !important; } /* 1. Preparamos el botón en su estado normal */ .wp-block-learnpress-course-button-read-more { /* Agregamos un borde invisible de 2px para reservar el espacio */ border: 2px solid transparent !important; /* Aseguramos que el tamaño se calcule incluyendo el borde */ box-sizing: border-box !important; transition: all 0.3s ease-in-out; } /* 2. Atacamos el hover sin que nada se mueva */ .wp-block-learnpress-course-button-read-more:hover { background-color: #ffffff !important; color: #F39200 !important; /* El borde ahora solo cambia de color, no de tamaño */ border-color: #F39200 !important; } /* Subir las flechas de desplazamiento del carrusel. Solo aplicar en la página Explora (ID: 6215) */ .page-id-6215 #b5f32297-4acc-4a56-b226-0d88b2e681e0 { margin-bottom: -30px !important; padding-bottom: 0 !important; } /* Subir las flechas de desplazamiento del carrusel. Solo aplicar en la página Home Page (ID: ) */ .home .section-150b4298-2464-4e2d-9773-deb008060748 { margin-bottom: -30px !important; padding-bottom: 0 !important; } .project-icon-one .stk--svg-wrapper, .project-icon-two .stk--svg-wrapper, .project-icon-one .stk--inner-svg, .project-icon-two .stk--inner-svg { display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; } /* Ajuste óptico horizontal */ .project-icon-one .stk--inner-svg { padding-left: -1px !important; } /*Botón lado derecho*/ .project-icon-two .stk--inner-svg { padding-right: 1px !important; } /* Centrado preciso de los iconos blancos. Está asociado al código HTML que está hasta abajo en la home*/ /* 1. Centrado real del contenedor del botón */ .home .project-icon-one, .home .project-icon-two { width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; } /* Ajuste óptico vertical (CLAVE) */ .home .project-icon-one .stk--inner-svg, .home .project-icon-two .stk--inner-svg { transform: translateY(-1px); } @media (max-width: 767px) { .cctv_team_sec .gutentor-post-item { width: 100% !important; } } /* Ocultar iconos de navegación personalizados en móviles y tablets pequeñas */ @media (max-width: 767px) { .project-icon { display: none !important; } } /* Texto Solo se activa en dispositivos móviles */ /* Solo se activa en dispositivos móviles */ @media (max-width: 767px) { /* Seleccionamos específicamente el encabezado con el ID del segundo texto */ #el-contenido-de-el-ray-maker .stk-block-heading__text::after { content: "← Desliza para más →"; display: block; font-size: 14px; font-weight: 400; color: #0D3D4B; margin-top: 5px; font-family: 'Outfit', sans-serif; text-transform: none; opacity: 0.8; /* Un poco más sutil */ } } /* Texto "Desliza" para múltiples secciones */ @media (max-width: 767px) { /* 1. Para Nuestra Trayectoria: atacamos el encabezado interno */ #nuestra-trayectoria-en-cifras h6::after, /* 2. Para Ayuda: atacamos el strong interno del párrafo */ #ayuda-desliza strong::after { content: "← Desliza para más →"; display: block; font-size: 14px; font-weight: 400; color: #0D3D4B; margin-top: 2px; font-family: 'Outfit', sans-serif; text-transform: none; opacity: 0.8; text-align: center; width: 100%; /* Asegura que ocupe todo el ancho para centrarse */ } } /* Texto "Desliza" corregido para la estructura real del HTML */ @media (max-width: 767px) { /* El ID está en el div contenedor, por eso seleccionamos el h6 que es hijo directo */ #desde-la-idea-hasta-el-sistema-funcionando h6.stk-block-heading__text::after { content: "← Desliza para más →"; display: block !important; font-size: 14px !important; font-weight: 400; color: #0D3D4B; margin-top: 2px; /* Ajustado para que no pegue al texto */ font-family: 'Outfit', sans-serif; text-transform: none; opacity: 0.8; text-align: center; } } /* Ocultar flechas y ajustar posición SOLO en el carrusel de Proyectos Integrales para móvil */ @media (max-width: 767px) { /* 1. Ocultamos las flechas usando el ID único de la sección */ .section-0f7ad0a8-60aa-4548-bf33-cdf81980e50b .gutentor-slick-arrows { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* 2. Subimos el carrusel 5px específicamente en esta sección */ .section-0f7ad0a8-60aa-4548-bf33-cdf81980e50b.gutentor-post-module { margin-top: -20px !important; } } @media (max-width: 767px) { /* Ajuste para el H2 (Explora) */ #explora h2.stk-block-heading__text { font-size: 22px !important; /* Tamaño más cómodo para móvil */ margin-bottom: 5px !important; /* Reduce espacio con el siguiente texto */ line-height: 1.0 !important; } /* Ajuste para el H6 (El contenido de...) */ #el-contenido-de-el-ray-maker h6.stk-block-heading__text { font-size: 16px !important; /* Tamaño más pequeño */ margin-top: 0 !important; /* Elimina margen superior extra */ margin-bottom: 10px !important; line-height: 1.0 !important; } /* Ajuste opcional para el contenedor que los envuelve */ .cctv_team_sec .wp-block-stackable-heading { margin-bottom: 10px !important; /* Menos espacio hacia el carrusel */ } } /* ===================================================== FIX GLOBAL: submenús de navegación cortados ===================================================== */ /* Evitar que contenedores padre recorten los submenús */ .wp-site-blocks, .wp-block-template-part, .wp-block-group, .wp-block-cover { overflow: visible !important; } /* Asegurar contexto de apilamiento correcto del header */ header, .wp-block-template-part { position: relative; z-index: 100; } /* Submenús de navegación */ .wp-block-navigation__submenu-container { position: absolute; z-index: 9999; overflow: visible; } /* Evitar que alturas mínimas limiten visualmente */ .wp-block-cover { min-height: auto; } /* Compatibilidad con headers sticky */ .wp-block-navigation { overflow: visible !important; } /* ===================================================== HEADER FIJO — SOLO ESCRITORIO ===================================================== */ @media (min-width: 769px) { header.wp-block-template-part, .psychotherapy-header-sec { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #001F24; box-shadow: 0 4px 10px rgba(0,0,0,0.3); } body { padding-top: 140px; } body.admin-bar { padding-top: 115px; /* 140 + admin bar (~32px) */ } } /* ===================================================== OCULTAR HEADER EN MÓVIL ===================================================== */ @media (max-width: 768px) { header.wp-block-template-part, .psychotherapy-header-sec { display: none !important; } } /* ========================================================================== COLOR DEL ICONO DEL CARRITO EN EL HEADER ========================================================================== */ /* 1. Forzamos el color blanco en el icono SVG del carrito */ .wc-block-mini-cart__button .wc-block-mini-cart__icon, .wc-block-mini-cart__button svg, .wp-block-woocommerce-mini-cart svg { fill: #ffffff !important; /* Cambia el color del relleno a blanco */ color: #ffffff !important; } /* 2. Color del número indicador de productos (el circulito naranja/rojo) */ .wc-block-mini-cart__badge { background-color: #f39200 !important; /* Usamos tu naranja oficial */ color: #ffffff !important; /* Número en blanco */ } /* 3. Efecto Hover: Que el icono también se ponga naranja al pasar el mouse */ .wc-block-mini-cart__button:hover svg { fill: #f39200 !important; transition: fill 0.2s ease; } /* 16-Ene-2026*/ /* ===================================================== AJUSTAR MARGEN SUPERIOR Y ELIMINAR MARGEN INFERIOR EN LA PÁGINA: "ACERCA DE" ===================================================== */ .page-id-5460 .cctv_about_us_sec { margin-top: 10px !important; margin-bottom: 0px !important; } /* Ajuste de imágenes solo para el carrusel de la Home Page */ .home .section-150b4298-2464-4e2d-9773-deb008060748 .gutentor-post-image-box { aspect-ratio: 1 / 1; overflow: hidden; } .home .section-150b4298-2464-4e2d-9773-deb008060748 .gutentor-post-image-box img { width: 100% !important; height: 100% !important; object-fit: cover; } /* Fin Ajuste de imágenes */ /* 22 - Ene - 2026 */ /* ELIMINAR FRANJA BLANCA SIN ROMPER BLOQUES */ @media (max-width: 767px) { body { padding-bottom: 0 !important; } } /* Ajustar la visualización del Instructor en single curso móviles */ @media (max-width: 767px) { /* 1. Contenedor y elementos generales */ .instructor-apilado, .instructor-apilado * { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; text-align: center !important; box-sizing: border-box !important; } /* 2. AJUSTE SOLICITADO: Margen superior para el título "Instructor" */ .instructor-apilado h1, .instructor-apilado h2, .instructor-apilado h3, .instructor-apilado h4, .instructor-apilado .instructor-title { margin-top: 15px !important; /* El margen que pediste */ margin-bottom: 15px !important; font-weight: bold !important; } /* 3. Ajuste de la Imagen */ .instructor-apilado img, .instructor-apilado .author-avatar { width: 110px !important; height: 110px !important; margin: 0 auto 15px auto !important; border-radius: 50% !important; } /* 4. Stats (Estudiantes | Cursos) */ .instructor-apilado .instructor-stats, .instructor-apilado .author-stats { margin-bottom: 20px !important; font-size: 14px !important; color: #555 !important; } /* 5. Texto de descripción (Justificado) */ .instructor-apilado .description, .instructor-apilado .author-description, .instructor-apilado p { text-align: justify !important; text-justify: inter-word !important; padding: 0 15px !important; line-height: 1.6 !important; hyphens: auto !important; } } /* ===================================================== CONFIGURACIÓN MAESTRA: CURSO ÚNICO (ESCRITORIO) ===================================================== */ @media (min-width: 1025px) { /* ITEM 1: Contenedor General y Ancho de Página */ /* Mantiene el cuerpo del curso centrado y contenido a 1400px */ .single-lp_course .wp-site-blocks > :not(footer):not(header) { max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; } /* ITEM 2: Alineación del Título y Cabecera */ .single-lp_course .wp-block-learnpress-course-title, .single-lp_course .course-top-info, .single-lp_course .alignwide { max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; } /* Alineación limpia del texto a la izquierda */ .single-lp_course .wp-block-learnpress-course-title { text-align: left !important; padding-left: 0px !important; padding-right: 0px !important; } /* ITEM 3: AJUSTE DE MARGEN PARA EL TEXTO (EVITAR QUE TOQUE LA TARJETA) */ /* Le damos 20px de espacio al contenido principal en su lado derecho */ .single-lp_course .wp-block-learnpress-course-description, .single-lp_course .course-info-left, .single-lp_course .lp-course-content { padding-right: 20px !important; box-sizing: border-box !important; } /* ITEM 4: Liberar el Footer (Ancho completo) */ .single-lp_course footer, .single-lp_course .wp-block-template-part[tag="footer"] { max-width: none !important; width: 100% !important; margin: 0 !important; } } /* FIN CONFIGURACIÓN MAESTRA: CURSO ÚNICO (ESCRITORIO) */ /* 23 - Ene 2026 */ /* Ocultar la categoría específica por su ID, ocultar categoría "Cerrado" en cursos */ .lp-cat-85 { display: none !important; } /* Sobrescribe el margen de 80px que viene por defecto para single service */ .single-services .service_post-info { margin-top: 0px !important; margin-bottom: 20px !important; /* Ajusta este valor si quieres más o menos espacio abajo */ } /* Quita el filtro de brillo/oscuridad de la imagen para single services*/ .service_post-info img { filter: none !important; opacity: 1 !important; } /* Quita cualquier capa de color oscuro de fondo en el contenedor (imagen en single services) */ .service_post-info { background-color: transparent !important; } /* Elimina capas adicionales (overlays) si existen el contenedor (imagen en single services) */ .service_post-info::before { display: none !important; } /* En las páginas single-project se obliga a los párrafos a estar Justificados*/ /* 1. Añade espacio interno a párrafos con fondo */ .single-projects .entry-content p.has-background { padding: 5px; border-radius: 4px; /* Opcional: suaviza las esquinas */ } /* 2. Aplicar padding a TODAS las columnas para mantener la alineación */ .single-projects .wp-block-column { padding: 20px; /* Ajusta este valor a tu gusto */ box-sizing: border-box; /* Asegura que el padding no "infle" el ancho total */ } /* 3. Ajuste de legibilidad para el justificado */ .single-projects .entry-content p { text-align: justify; text-justify: inter-word; line-height: 1.6; /* Un poco más de espacio entre líneas ayuda a disimular los huecos */ } /* Ocultar el bloque completo de filtro de LearnPress solo en la categoría Manuales, si quieres ocultar uno o más filtros en específico tenemos otro código en la carpeta del sitio WEB*/ .term-manuales .wp-block-learnpress-course-filter { display: none !important; } /* Formato para mostrar el precio en dólares al lado del precion en MXN*/ .custom-usd-price { font-size: 0.9em; color: #555; font-weight: normal; margin-left: 5px; } /* Añadir MXN en la página de producto individual */ .single-product div.product p.price .woocommerce-Price-amount::after { content: " MXN"; font-size: 0.85em; margin-left: 2px; } .subtitulo-personalizado { text-align: center; margin-top: -5px; /* Espacio respecto al título principal */ margin-bottom: 5px; /* Espacio respecto al contenido/imagen */ font-size: 1.5rem; /* Un poco más grande que el texto común */ font-weight: 400; /* Peso medio para que no compita con el H1 */ color: #444; /* Un tono gris para darle jerarquía visual */ /*text-transform: uppercase; Opcional: le da un aire más técnico/industrial */ letter-spacing: 1px; /* Mejora la legibilidad en subtítulos */ } .post-info .blog-category ul li a { background-color: #F4942C !important; color: #ffffff !important; border: 2px solid #F4942C !important; } .post-info .blog-category ul li a:hover { background-color: #ffffff !important; color: #F4942C !important; } /* BLOG: tarjetas alineadas */ .archive .wp-block-post-template, .blog .wp-block-post-template { align-items: stretch; } .archive .wp-block-post-template > li, .blog .wp-block-post-template > li { height: 100%; } .archive .wp-block-post-template > li > *, .blog .wp-block-post-template > li > * { display: flex; flex-direction: column; height: 100%; } /* Imagen */ .archive .wp-block-post-featured-image, .blog .wp-block-post-featured-image { margin: 0 0 10px; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 14px; } .archive .wp-block-post-featured-image img, .blog .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Fecha y categoría */ .archive .wp-block-post-date, .blog .wp-block-post-date, .archive .wp-block-post-terms, .blog .wp-block-post-terms { margin: 0 0 6px; line-height: 1.2; } /* Título: aquí está la clave */ .archive .wp-block-post-title, .blog .wp-block-post-title { margin: 0 0 10px; min-height: 4.0em; } .archive .wp-block-post-title a, .blog .wp-block-post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* Extracto */ .archive .wp-block-post-excerpt, .blog .wp-block-post-excerpt { flex: 1; min-height: 4.2em; margin: 0 0 16px; } .archive .wp-block-post-excerpt__excerpt, .blog .wp-block-post-excerpt__excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* Botón */ .archive .wp-block-button, .blog .wp-block-button { margin-top: auto; }