.elementor-69367 .elementor-element.elementor-element-6bd42b64{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-69367 .elementor-element.elementor-element-49a97914{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(163.20000000000002, 162.13565217391306, 162.13565217391306, 0.26);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-69367 .elementor-element.elementor-element-49a97914.e-con{--align-self:stretch;}.elementor-69367 .elementor-element.elementor-element-5b51bda2 > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-69367 .elementor-element.elementor-element-402157d{--divider-border-style:solid;--divider-border-width:1px;}.elementor-69367 .elementor-element.elementor-element-402157d .elementor-divider-separator{width:75%;margin:0 auto;margin-center:0;}.elementor-69367 .elementor-element.elementor-element-402157d .elementor-divider{text-align:center;padding-block-start:14px;padding-block-end:14px;}.elementor-69367 .elementor-element.elementor-element-56b0f177{width:auto;max-width:auto;font-family:"Brandon PTK", Sans-serif;}.elementor-69367 .elementor-element.elementor-element-56b0f177 > .elementor-widget-container{margin:0px 20px 20px 20px;padding:0px 0px 0px 0px;}.elementor-69367 .elementor-element.elementor-element-56b0f177.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-69367 .elementor-element.elementor-element-56b0f177:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child){padding-bottom:calc(30px/2);}.elementor-69367 .elementor-element.elementor-element-56b0f177:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child){margin-top:calc(30px/2);}.elementor-69367 .elementor-element.elementor-element-56b0f177.elementor-woo-meta--view-inline .product_meta .detail-container{margin-right:calc(30px/2);margin-left:calc(30px/2);}.elementor-69367 .elementor-element.elementor-element-56b0f177.elementor-woo-meta--view-inline .product_meta{margin-right:calc(-30px/2);margin-left:calc(-30px/2);}body:not(.rtl) .elementor-69367 .elementor-element.elementor-element-56b0f177.elementor-woo-meta--view-inline .detail-container:after{right:calc( (-30px/2) + (-1px/2) );}body:not.rtl .elementor-69367 .elementor-element.elementor-element-56b0f177.elementor-woo-meta--view-inline .detail-container:after{left:calc( (-30px/2) - (1px/2) );}.elementor-69367 .elementor-element.elementor-element-5c576df{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-69367 .elementor-element.elementor-element-1bc4a76 > .elementor-widget-container{margin:0px 8px 0px 26px;}.elementor-69367 .elementor-element.elementor-element-1bc4a76 .elementor-heading-title{font-family:"General SANS", Sans-serif;font-size:38px;font-weight:600;text-transform:uppercase;color:#141414;}.elementor-69367 .elementor-element.elementor-element-4e304390{--divider-border-style:solid;--divider-border-width:1px;}.elementor-69367 .elementor-element.elementor-element-4e304390 > .elementor-widget-container{margin:0px 21px 0px 0px;}.elementor-69367 .elementor-element.elementor-element-4e304390 .elementor-divider-separator{width:91%;margin:0 auto;margin-center:0;}.elementor-69367 .elementor-element.elementor-element-4e304390 .elementor-divider{text-align:center;padding-block-start:14px;padding-block-end:14px;}.elementor-69367 .elementor-element.elementor-element-38e4067b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-69367 .elementor-element.elementor-element-2bf880fe > .elementor-widget-container{background-color:#E9E9E961;border-radius:20px 20px 20px 20px;}.elementor-69367 .elementor-element.elementor-element-268a745{--alignment:center;--grid-side-margin:45px;--grid-column-gap:45px;--grid-row-gap:4px;--grid-bottom-margin:4px;--e-share-buttons-primary-color:#0A3C2E;}.elementor-69367 .elementor-element.elementor-element-268a745 .elementor-share-btn{font-size:calc(0.65px * 10);border-width:2px;}.elementor-69367 .elementor-element.elementor-element-268a745 .elementor-share-btn__icon{--e-share-buttons-icon-size:3em;}.elementor-69367 .elementor-element.elementor-element-268a745 .elementor-share-btn:hover{--e-share-buttons-primary-color:var( --e-global-color-primary );}.elementor-69367 .elementor-element.elementor-element-268a745 .elementor-share-btn__title{font-family:"Brandon PTK", Sans-serif;}.elementor-69367 .elementor-element.elementor-element-13e00ff3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-69367 .elementor-element.elementor-element-402157d .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-69367 .elementor-element.elementor-element-4e304390 .elementor-divider{padding-block-start:10px;padding-block-end:10px;} .elementor-69367 .elementor-element.elementor-element-268a745{--grid-side-margin:45px;--grid-column-gap:45px;--grid-row-gap:4px;--grid-bottom-margin:4px;}}@media(max-width:767px){.elementor-69367 .elementor-element.elementor-element-6bd42b64{--margin-top:-33%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-69367 .elementor-element.elementor-element-5b51bda2 > .elementor-widget-container{margin:120px 0px 0px 0px;}.elementor-69367 .elementor-element.elementor-element-5c576df{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-69367 .elementor-element.elementor-element-268a745{--grid-side-margin:45px;--grid-column-gap:45px;--grid-row-gap:4px;--grid-bottom-margin:4px;}.elementor-69367 .elementor-element.elementor-element-13e00ff3{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-49a97914 */.elementor-69367 .elementor-element.elementor-element-49a97914 {
   background: rgba(255, 255, 255,.09);
   
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(25px); 
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38e4067b *//* =====================================================
   OPORT PREMIUM VISUAL – Mejora estética sin cambios técnicos
   ===================================================== */
:root{
  --brand:#2E7D32;
  --brand-dark:#1B5E20;
  --soft-gray:#f7f9f8;
}

/* Tarjeta principal */
.oport-quote .card{
  background:linear-gradient(180deg,#ffffff 0%,var(--soft-gray) 100%);
  border:1px solid #e3e3e3;
  border-radius:16px;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  transition:all .3s ease;
}
.oport-quote .card:hover{
  box-shadow:0 8px 28px rgba(0,0,0,.1);
  transform:translateY(-2px);
}

/* Encabezado */
.oport-quote h2{
  font-weight:900;
  color:var(--brand);
  text-transform:uppercase;
  letter-spacing:1px;
  display:flex;
  align-items:center;
  gap:8px;
}
.oport-quote h2::before{
  content:'🧾';
  font-size:20px;
}

/* Inputs y selects */
.oport-quote input,
.oport-quote select{
  border:1px solid #d0d0d0;
  border-radius:10px;
  background:#fff;
  transition:all .2s ease;
}
.oport-quote input:focus,
.oport-quote select:focus{
  outline:none;
  border-color:var(--brand);
  box-shadow:0 0 0 2px rgba(46,125,50,0.2);
}

/* Labels más claros */
.oport-quote label{
  background:#f3f3f3;
  padding:4px 8px;
  border-radius:6px;
  font-weight:600;
  color:#222;
}

/* Sección de resultados */
#out{
  background:#f0f7f1;
  border:1px solid #e0eee2;
  border-radius:12px;
  transition:opacity .4s ease, transform .4s ease;
}
#out::before{
  content:'💰 Resultado de tu cotización';
  display:block;
  font-weight:700;
  color:var(--brand);
  margin-bottom:10px;
}
#out[hidden]{opacity:0;transform:translateY(10px);}
#out:not([hidden]){opacity:1;transform:translateY(0);}
#totalIva{
  color:var(--brand);
  font-size:22px;
  font-weight:900;
}

/* Área de carga */
.oport-upload{
  background:linear-gradient(135deg,#f6fff6 0%,#f2fdf2 100%);
  border:2px dashed #a5d6a7;
  border-radius:14px;
  transition:all .25s ease;
}
.oport-upload:hover{
  border-color:var(--brand);
  background:#f8fff8;
}

/* Botón de enviar */
#send_design_btn{
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%) !important;
  border:none !important;
  color:#fff !important;
  font-weight:800;
  box-shadow:0 4px 12px rgba(46,125,50,0.3);
  transition:all .3s ease;
}
#send_design_btn:hover{
  transform:scale(1.05);
  box-shadow:0 6px 18px rgba(46,125,50,0.4);
}

/* Vista previa */
.oport-upload .preview img{
  border-radius:8px;
  box-shadow:0 3px 8px rgba(0,0,0,.15);
  transition:transform .2s ease;
}
.oport-upload .preview img:hover{
  transform:scale(1.05);
}

/* Mensaje de error */
.oport-upload .error{
  background:#ffebee;
  border:1px solid #f44336;
  color:#c62828;
  padding:6px 8px;
  border-radius:6px;
}

/* Animación suave en el hover general */
button, input, select{
  transition:all .2s ease-in-out;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Brandon PTK';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://test.sk33studio.com/wp-content/uploads/2025/03/HvDTrial_Brandon_Grotesque_bold-BF64a625c9151d5.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'General SANS';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://oport.mx/wp-content/uploads/2025/09/GeneralSans-Variable.ttf') format('truetype');
}
@font-face {
	font-family: 'General SANS';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */